<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4173018" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">icon_homeBack</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">盒须图</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">柱图</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">雷达图</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">散点图</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">热力图</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">线图</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">地理坐标图</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">关系图</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">饼图</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">K线图</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">象形柱图</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">路径图</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">平行坐标系</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">仪表盘</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">矩形树图</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">漏斗图</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">树图</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe803;</span>
                <div class="name">日历坐标系</div>
                <div class="code-name">&amp;#xe803;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe804;</span>
                <div class="name">数据区域缩放图</div>
                <div class="code-name">&amp;#xe804;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe805;</span>
                <div class="name">图形组件图</div>
                <div class="code-name">&amp;#xe805;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe806;</span>
                <div class="name">自定义系列图</div>
                <div class="code-name">&amp;#xe806;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe807;</span>
                <div class="name">富文本图</div>
                <div class="code-name">&amp;#xe807;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe808;</span>
                <div class="name">3D图</div>
                <div class="code-name">&amp;#xe808;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe809;</span>
                <div class="name">旭日图</div>
                <div class="code-name">&amp;#xe809;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">主题河流图</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">桑基图</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe802;</span>
                <div class="name">图形组件图</div>
                <div class="code-name">&amp;#xe802;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe801;</span>
                <div class="name">刷新/更新/重新载入</div>
                <div class="code-name">&amp;#xe801;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe800;</span>
                <div class="name">确定(全色)/完成/结束/勾选/正确</div>
                <div class="code-name">&amp;#xe800;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ff;</span>
                <div class="name">历史记录(面型)</div>
                <div class="code-name">&amp;#xe7ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fe;</span>
                <div class="name">CEB文件</div>
                <div class="code-name">&amp;#xe7fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">纯文本文件(txt、json、csv等)</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fb;</span>
                <div class="name">PDF文件</div>
                <div class="code-name">&amp;#xe7fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fd;</span>
                <div class="name">压缩包文件(rar、zip、7z等)</div>
                <div class="code-name">&amp;#xe7fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">其他格式文件</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f5;</span>
                <div class="name">图片文件(jpg、png、gif、bmp等)</div>
                <div class="code-name">&amp;#xe7f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">Word文件(doc、docx)</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">PPT文件(ppt、pptx)</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f9;</span>
                <div class="name">Excel文件(xls、xlsx)</div>
                <div class="code-name">&amp;#xe7f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f3;</span>
                <div class="name">谷歌Chrome浏览器</div>
                <div class="code-name">&amp;#xe7f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">火狐Firefox浏览器</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ee;</span>
                <div class="name">firefox浏览器</div>
                <div class="code-name">&amp;#xe7ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ef;</span>
                <div class="name">IE浏览器</div>
                <div class="code-name">&amp;#xe7ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f2;</span>
                <div class="name">Edge浏览器</div>
                <div class="code-name">&amp;#xe7f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ed;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe7ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">工单查询</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">icon_appMonitor</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f7;</span>
                <div class="name">作业管理</div>
                <div class="code-name">&amp;#xe7f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fc;</span>
                <div class="name">分析管理</div>
                <div class="code-name">&amp;#xe7fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">流程服务</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ea;</span>
                <div class="name">移动服务</div>
                <div class="code-name">&amp;#xe7ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7eb;</span>
                <div class="name">监测管理</div>
                <div class="code-name">&amp;#xe7eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ec;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe7ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f0;</span>
                <div class="name">资源配置</div>
                <div class="code-name">&amp;#xe7f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f1;</span>
                <div class="name">持续交付</div>
                <div class="code-name">&amp;#xe7f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e4;</span>
                <div class="name">页面布局</div>
                <div class="code-name">&amp;#xe7e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e5;</span>
                <div class="name">数据治理</div>
                <div class="code-name">&amp;#xe7e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7de;</span>
                <div class="name">阿里云英文Logo</div>
                <div class="code-name">&amp;#xe7de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e3;</span>
                <div class="name">华为云英文Logo</div>
                <div class="code-name">&amp;#xe7e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e1;</span>
                <div class="name">红色防火墙(3D)</div>
                <div class="code-name">&amp;#xe7e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e2;</span>
                <div class="name">蓝色防火墙(3D)</div>
                <div class="code-name">&amp;#xe7e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e0;</span>
                <div class="name">堆叠交换机</div>
                <div class="code-name">&amp;#xe7e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7df;</span>
                <div class="name">网管交换机</div>
                <div class="code-name">&amp;#xe7df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d5;</span>
                <div class="name">数据治理中心</div>
                <div class="code-name">&amp;#xe7d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">国网UEP数据交互平台</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d4;</span>
                <div class="name">阿里QuickBI商业智能分析</div>
                <div class="code-name">&amp;#xe7d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d6;</span>
                <div class="name">UEP数据交互平台</div>
                <div class="code-name">&amp;#xe7d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d7;</span>
                <div class="name">阿里TSDB时序数据库系统</div>
                <div class="code-name">&amp;#xe7d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">阿里DataQ标签画像管理中台</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d9;</span>
                <div class="name">阿里Blink实时计算引擎</div>
                <div class="code-name">&amp;#xe7d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7da;</span>
                <div class="name">阿里GC图形计算服务</div>
                <div class="code-name">&amp;#xe7da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">阿里DRS数据库容灾备份服务</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dc;</span>
                <div class="name">阿里BCC大数据管家</div>
                <div class="code-name">&amp;#xe7dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d1;</span>
                <div class="name">国网VCS无功补偿系统</div>
                <div class="code-name">&amp;#xe7d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d2;</span>
                <div class="name">国网APS智能排产系统</div>
                <div class="code-name">&amp;#xe7d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d3;</span>
                <div class="name">Spark大规模数据处理框架</div>
                <div class="code-name">&amp;#xe7d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d0;</span>
                <div class="name">数据中台</div>
                <div class="code-name">&amp;#xe7d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cf;</span>
                <div class="name">菜单展开</div>
                <div class="code-name">&amp;#xe7cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ce;</span>
                <div class="name">菜单收起</div>
                <div class="code-name">&amp;#xe7ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c7;</span>
                <div class="name">匹配度/目标</div>
                <div class="code-name">&amp;#xe7c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c8;</span>
                <div class="name">向右展开</div>
                <div class="code-name">&amp;#xe7c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c9;</span>
                <div class="name">向左收起</div>
                <div class="code-name">&amp;#xe7c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ca;</span>
                <div class="name">删除/展开树(面型)</div>
                <div class="code-name">&amp;#xe7ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">添加/收起树(面型)</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cc;</span>
                <div class="name">梯形标题背景</div>
                <div class="code-name">&amp;#xe7cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cd;</span>
                <div class="name">平行四边形标题背景</div>
                <div class="code-name">&amp;#xe7cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">高匹配度</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">中匹配度</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c6;</span>
                <div class="name">低匹配度</div>
                <div class="code-name">&amp;#xe7c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">箭头标题</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">线型标题</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bf;</span>
                <div class="name">漏斗/过滤器</div>
                <div class="code-name">&amp;#xe7bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">Web端/网页端</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bc;</span>
                <div class="name">PC电脑/组装机</div>
                <div class="code-name">&amp;#xe7bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bd;</span>
                <div class="name">主机</div>
                <div class="code-name">&amp;#xe7bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7be;</span>
                <div class="name">虚拟中央处理器</div>
                <div class="code-name">&amp;#xe7be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ba;</span>
                <div class="name">手机/移动端</div>
                <div class="code-name">&amp;#xe7ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7bb;</span>
                <div class="name">PC机/PC端/电脑端/显示器</div>
                <div class="code-name">&amp;#xe7bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b8;</span>
                <div class="name">存储设备</div>
                <div class="code-name">&amp;#xe7b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b9;</span>
                <div class="name">安全设备</div>
                <div class="code-name">&amp;#xe7b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b5;</span>
                <div class="name">其他外部设备</div>
                <div class="code-name">&amp;#xe7b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b6;</span>
                <div class="name">屏幕设备</div>
                <div class="code-name">&amp;#xe7b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b7;</span>
                <div class="name">投影仪</div>
                <div class="code-name">&amp;#xe7b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b2;</span>
                <div class="name">IP地址管理设备</div>
                <div class="code-name">&amp;#xe7b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b3;</span>
                <div class="name">SDN交换机</div>
                <div class="code-name">&amp;#xe7b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b4;</span>
                <div class="name">其他网络设备</div>
                <div class="code-name">&amp;#xe7b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b0;</span>
                <div class="name">打印机</div>
                <div class="code-name">&amp;#xe7b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">办公设备</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ab;</span>
                <div class="name">扫描仪</div>
                <div class="code-name">&amp;#xe7ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ac;</span>
                <div class="name">影印一体机</div>
                <div class="code-name">&amp;#xe7ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ad;</span>
                <div class="name">传真机</div>
                <div class="code-name">&amp;#xe7ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7ae;</span>
                <div class="name">复印件</div>
                <div class="code-name">&amp;#xe7ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7af;</span>
                <div class="name">数字式绘图仪/数位屏</div>
                <div class="code-name">&amp;#xe7af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">SBC设备</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7aa;</span>
                <div class="name">语音网关</div>
                <div class="code-name">&amp;#xe7aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">网络电路</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">光纤交换机</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a8;</span>
                <div class="name">协议转换器</div>
                <div class="code-name">&amp;#xe7a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">存储网关</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a2;</span>
                <div class="name">网络路由器</div>
                <div class="code-name">&amp;#xe7a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a3;</span>
                <div class="name">网络交换机</div>
                <div class="code-name">&amp;#xe7a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">集线器</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a5;</span>
                <div class="name">无线接入设备</div>
                <div class="code-name">&amp;#xe7a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">分布式存储</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">虚拟带库</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">存储交换机</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79f;</span>
                <div class="name">磁带库</div>
                <div class="code-name">&amp;#xe79f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">磁盘阵列</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79b;</span>
                <div class="name">一体机</div>
                <div class="code-name">&amp;#xe79b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79a;</span>
                <div class="name">小型机/小型服务器/微型服务器</div>
                <div class="code-name">&amp;#xe79a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">专用服务器</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">工控机</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">定制化服务器</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">GPU服务器</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">agent</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">执行脚本</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">PC服务器</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">刀片机/刀片服务器</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">复制/拷贝</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">主业主导率</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">主业自主率/VIP会员</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">主业管控率</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">清空/删除</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">中级/中等级别</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">高级/高等级别</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">轻级/轻微级别</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">低级/低等级别</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">已读/已阅/已打开</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">未读/未阅/未打开</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">帮助中心/问题中心/疑问</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">鼠标禁用</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">鼠标默认</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">单击/鼠标悬停/鼠标经过/鼠标滑过</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">指示/引导</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">上升用户数</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">用户注册数</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">日活跃用户数</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">零活跃用户数</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">功能菜单/菜单点击总数</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">点击率</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">目标/攻击威胁</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">资产/数据库</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">堡垒机/安全保障系统</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">显示器</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">人脸识别/扫脸</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">关闭/删除(线框)</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">关闭/删除</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">应用/应用程序/应用系统</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">图形管理</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">报表管理</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">我的工单</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">运行方式</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">运行监控</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">调度协同</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">运行管理</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">平台运营</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">服务支撑</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">三线管理</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">操作审计管理</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">集成服务管理</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">采集管理</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">报表配置管理</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">删除/收起</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">添加/展开</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">级联总部/传输盒</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">集群/群组</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">拖拽排序/子标题/二级标题</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">上移/向上移动</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">下移/向下移动</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">左移/向左移动</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">右移/向右移动</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">华为APM应用性能管理</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">华为AOM应用运维管理</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">应用管理运维平台</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">华为ROMA应用数据集成平台</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">故障</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">调度管理</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">运检管理</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">阿里DRDS分布式关系型数据库服务</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">华为GaussDB企业级数据库服务</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">默认/系统配置</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">公共服务</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">子标题</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">显示屏/监测系统/分析系统</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">验证成功</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">验证失败</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">未验证</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">验证中</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">验证异常</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">验证数据不一致</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">验证接口故障</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">智能验证</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">智能测算</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">智能估算</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">一键验证/一键执行</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">CLB云负载均衡</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe723;</span>
                <div class="name">特殊/特别</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe724;</span>
                <div class="name">一段</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">二段</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe726;</span>
                <div class="name">三段</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe727;</span>
                <div class="name">I级</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe728;</span>
                <div class="name">II级</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">III级</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72a;</span>
                <div class="name">特级系统</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72b;</span>
                <div class="name">一级系统</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72c;</span>
                <div class="name">二级系统</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72d;</span>
                <div class="name">三级系统</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">级联总部/上传关键数据</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe721;</span>
                <div class="name">方向控制器</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe722;</span>
                <div class="name">九分屏/九宫屏</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">单屏/整屏/满屏</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71f;</span>
                <div class="name">四分屏/四宫屏</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">六分屏/六宫屏</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">用户群/用户数</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">端口/网口/RJ45</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">内存条/内存</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">中央处理器</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">磁盘</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">六边形</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">机柜左边框</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">机柜右边框</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">基座</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">U位服务器</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">虚拟路由反射器</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">中心路由器</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">接入路由器</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">汇聚路由器</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">核心路由器</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">路由器</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">中心交换机</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">接入交换机</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">汇聚交换机</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71b;</span>
                <div class="name">核心交换机</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71c;</span>
                <div class="name">交换机</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">暂无数据</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">运营分析</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">全景展示</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">集成服务</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">应用仓库</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">全部(功能菜单)</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">采集控制</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">智能算法平台</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">日志分析</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">场景管理</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">云集群(反色/选中)</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">云集群(全色)</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe732;</span>
                <div class="name">云集群</div>
                <div class="code-name">&amp;#xe732;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">关闭(全色)/断开/中断/删除/取消</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">关闭/断开/中断(面型)</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">表格设置</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">行高设置</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">提示(面型)</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">警告(面型)</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">附件</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">切换</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">游标/标记(面型)</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">AB数据库</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">湿度</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">温度</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">容量</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">运行/风扇/散热</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">否/取消/删除/关闭</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">是/确定/确认/通过</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">连接/链接</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">断开</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">信息说明</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">信息说明(面型)</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">物理机</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">存储服务器</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">网管交换机</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">地理位置/坐标</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">门禁</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">空调</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">摄像头</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">漏水传感器</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">温湿度传感器</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">烟雾探测器/烟感</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">漏水传感器(面型)</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">门禁(面型)</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">摄像头(面型)</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">空调(面型)</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">温湿度传感器(面型)</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">烟雾探测器/烟感(面型)</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">返回/上一步</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">公司单位/地市数据中心/建筑大厦</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">ECS弹性计算服务(面型)</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">网省物理设备</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">云上</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">华为云</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">阿里云</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">下信息箭头/展开条件</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">上信息箭头/收起条件</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">右信息箭头</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">左信息箭头</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">左树箭头</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">下树箭头/展开树</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">上树箭头</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">右树箭头/收起树/还原树</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">下方向箭头</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">上方向箭头</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">右方向箭头</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">左方向箭头</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">下流程箭头</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">上流程箭头</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">右流程箭头</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">左流程箭头</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">下目录箭头/展开菜单</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">上目录箭头/收起菜单</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">右目录箭头</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">左目录箭头</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">上箭头</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">左箭头</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">下双箭头</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">上双箭头</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">右双箭头</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">左双箭头</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">还原/最小化</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">全屏/最大化</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">地球/互联网/信息/资源</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">家用交换机</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">数据云</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">数据通信网</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">跳至尾页/跳至末页/跳至最后页</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">跳至首页/跳至始页/跳至第一页</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">安全隔离</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">电力/电量/电能/能量</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">组件</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">Web应用防火墙</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">云服务总线</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">资源编排服务</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">元件组合</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">公告通知</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">云</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">容器镜像服务</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">检修标记/检修图例</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">两票工单</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">漏洞扫描/扫描器/雷达</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">上页/上一页/前页/前一页</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">icon_star</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">缩小</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">下页/下一页/后页/后一页</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">放大</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">下拉箭头/下拉选择</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">敏感数据保护</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">icon_expand</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">历史记录</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">弹性伸缩服务</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">核心组件</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">检修计划</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">数据管理</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">分布式任务调度平台</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">调度任务/执行列表</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">阿里DTS数据传输服务</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">拖拽移动/拖动/移动</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">实时数仓/实时交互式分析</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">云盾安骑士</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">基础组件</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">我的待办</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">SG-I6000</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">箭头/详情/下一步</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">终止/结束</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">开始</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">取消/关闭/删除(面型)</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">取消/关闭/删除</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">终止/结束(面型)</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">成功/确认/已选(面型)</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">成功/确认/已选</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">暂停/停止(面型)</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">暂停/停止</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">开始(面型)</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">最热/最火/热度/热点</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">日期时间</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">搜索/检索/查询/查看详情</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">加载动画/等待</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">实时告警</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">重要专题</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">应用</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">换肤/皮肤</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">运行看板</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">排序/升序/降序</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">取消收藏</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">运维</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">日期</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">用户名/我的/账号/账户/个人中心</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">最新/新闻</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">调度</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">危险/警告</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">服务管理</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">最近访问</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">机柜</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">IPS入侵防御设备</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">配电柜</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">防火墙</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">IDS入侵检测设备</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">加密机</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">HPUX服务器</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">镜像设备/对称</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">接入平台</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">服务链路</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">隔离装置</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">负载均衡</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">Linux服务器</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">机房/卧室/房间</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">家用路由器</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">服务</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">蓄电池</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">信息系统</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">虚拟专用网络设备</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">UPS不间断电源</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">Windows服务器</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">AIX服务器</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">ATS自动转换开关电器</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">CSE微服务引擎</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">Active消息队列系统</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">阿里云Logo</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">API应用程序编程接口</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">阿里平台</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">华为云EVS弹性虚拟交换机</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">华为ELB弹性负载均衡器</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">达梦数据库</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">EIP弹性公网IP地址服务</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">Docker虚拟容器</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">ECS弹性计算服务</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">IBM数据库</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">华为DWS数据仓库服务</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">DCS分布式缓存服务</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">DataHub流式数据处理平台</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">CDL云专线</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">华为Dayu智能数据湖运营平台</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">DDS文档数据库服务</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">Dataworks数据工场</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">华为云CCE容器引擎</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">Logstash日志收集器</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">Jboss应用服务器</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">K8S容器编排管理系统</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">Kafka分布式发布订阅消息系统</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">华为云Logo</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">阿里Hologres实时数仓</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">华为平台</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">互联网信息服务</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">Hbase面向列的开源数据库</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">Hadoop分布式文件系统</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">GaussDB企业级数据库服务</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">ES分布式搜索引擎</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">阿里EDAS企业分布式应用服务</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">Flink开源流处理框架</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">Rabbit消息队列系统</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">RDS关系型数据库服务</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">甲骨文数据库</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">OpenStack云计算管理平台</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">华为云MRS大数据服务</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">华为云OBS对象存储服务</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">阿里NAS网络附属存储</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">Nginx反向代理服务器</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">网络地址转换</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">阿里Maxcompute云原生大数据计算服务</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">MongoDB数据库</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">Memcached分布式高速缓存系统</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">华为 LTS云日志服务</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">KVM内核虚拟机</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">人大金仓数据库</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">虚拟机</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">Sybase数据库</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">阿里SLS简单日志服务</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">微软数据库</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">企业级搜索</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">阿里SLB负载均衡</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">阿里云OSS对象存储服务</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">Rocket消息队列系统</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">华为SFS弹性文件服务</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">远程字典服务器</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">Postgres数据库</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">阿里OTS表格存储服务</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">VM虚拟机</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">Zookeeper分布式协调服务</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">阿里云ACK容器引擎</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">VPC虚拟专有网络服务/虚拟私有云</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">Weblogic分布式应用服务</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">Tomcat应用服务器</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">高速通道</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">蜜蜂数据仓库</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">中创中间件</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1742395197292') format('woff2'),
       url('iconfont.woff?t=1742395197292') format('woff'),
       url('iconfont.ttf?t=1742395197292') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon_homeBack"></span>
            <div class="name">
              icon_homeBack
            </div>
            <div class="code-name">.icon_homeBack
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_boxplot"></span>
            <div class="name">
              盒须图
            </div>
            <div class="code-name">.icon_boxplot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_bar"></span>
            <div class="name">
              柱图
            </div>
            <div class="code-name">.icon_bar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_radar"></span>
            <div class="name">
              雷达图
            </div>
            <div class="code-name">.icon_radar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_scatter"></span>
            <div class="name">
              散点图
            </div>
            <div class="code-name">.icon_scatter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_heatmap"></span>
            <div class="name">
              热力图
            </div>
            <div class="code-name">.icon_heatmap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_line"></span>
            <div class="name">
              线图
            </div>
            <div class="code-name">.icon_line
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_GEO"></span>
            <div class="name">
              地理坐标图
            </div>
            <div class="code-name">.icon_GEO
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_graph"></span>
            <div class="name">
              关系图
            </div>
            <div class="code-name">.icon_graph
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_pie"></span>
            <div class="name">
              饼图
            </div>
            <div class="code-name">.icon_pie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_candlestick"></span>
            <div class="name">
              K线图
            </div>
            <div class="code-name">.icon_candlestick
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_pictorialBar"></span>
            <div class="name">
              象形柱图
            </div>
            <div class="code-name">.icon_pictorialBar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_lines"></span>
            <div class="name">
              路径图
            </div>
            <div class="code-name">.icon_lines
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_parallel"></span>
            <div class="name">
              平行坐标系
            </div>
            <div class="code-name">.icon_parallel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_gange"></span>
            <div class="name">
              仪表盘
            </div>
            <div class="code-name">.icon_gange
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_treemap"></span>
            <div class="name">
              矩形树图
            </div>
            <div class="code-name">.icon_treemap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_funnel"></span>
            <div class="name">
              漏斗图
            </div>
            <div class="code-name">.icon_funnel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_tree"></span>
            <div class="name">
              树图
            </div>
            <div class="code-name">.icon_tree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_calendar"></span>
            <div class="name">
              日历坐标系
            </div>
            <div class="code-name">.icon_calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataZoom"></span>
            <div class="name">
              数据区域缩放图
            </div>
            <div class="code-name">.icon_dataZoom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataset"></span>
            <div class="name">
              图形组件图
            </div>
            <div class="code-name">.icon_dataset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_custom"></span>
            <div class="name">
              自定义系列图
            </div>
            <div class="code-name">.icon_custom
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_rich"></span>
            <div class="name">
              富文本图
            </div>
            <div class="code-name">.icon_rich
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_GL"></span>
            <div class="name">
              3D图
            </div>
            <div class="code-name">.icon_GL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_sunburst"></span>
            <div class="name">
              旭日图
            </div>
            <div class="code-name">.icon_sunburst
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_themeriver"></span>
            <div class="name">
              主题河流图
            </div>
            <div class="code-name">.icon_themeriver
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_sankey"></span>
            <div class="name">
              桑基图
            </div>
            <div class="code-name">.icon_sankey
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_drag1"></span>
            <div class="name">
              图形组件图
            </div>
            <div class="code-name">.icon_drag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_refresh"></span>
            <div class="name">
              刷新/更新/重新载入
            </div>
            <div class="code-name">.icon_refresh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_success_a"></span>
            <div class="name">
              确定(全色)/完成/结束/勾选/正确
            </div>
            <div class="code-name">.icon_success_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_history_s"></span>
            <div class="name">
              历史记录(面型)
            </div>
            <div class="code-name">.icon_history_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ceb"></span>
            <div class="name">
              CEB文件
            </div>
            <div class="code-name">.icon_ceb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_txt"></span>
            <div class="name">
              纯文本文件(txt、json、csv等)
            </div>
            <div class="code-name">.icon_txt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_pdf"></span>
            <div class="name">
              PDF文件
            </div>
            <div class="code-name">.icon_pdf
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_rar"></span>
            <div class="name">
              压缩包文件(rar、zip、7z等)
            </div>
            <div class="code-name">.icon_rar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_other"></span>
            <div class="name">
              其他格式文件
            </div>
            <div class="code-name">.icon_other
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_img"></span>
            <div class="name">
              图片文件(jpg、png、gif、bmp等)
            </div>
            <div class="code-name">.icon_img
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_doc"></span>
            <div class="name">
              Word文件(doc、docx)
            </div>
            <div class="code-name">.icon_doc
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ppt"></span>
            <div class="name">
              PPT文件(ppt、pptx)
            </div>
            <div class="code-name">.icon_ppt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xls"></span>
            <div class="name">
              Excel文件(xls、xlsx)
            </div>
            <div class="code-name">.icon_xls
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_chrome_a"></span>
            <div class="name">
              谷歌Chrome浏览器
            </div>
            <div class="code-name">.icon_chrome_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_firefox_a"></span>
            <div class="name">
              火狐Firefox浏览器
            </div>
            <div class="code-name">.icon_firefox_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_firefox"></span>
            <div class="name">
              firefox浏览器
            </div>
            <div class="code-name">.icon_firefox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_IE"></span>
            <div class="name">
              IE浏览器
            </div>
            <div class="code-name">.icon_IE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_edge_a"></span>
            <div class="name">
              Edge浏览器
            </div>
            <div class="code-name">.icon_edge_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_setup"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon_setup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_orderInquiry"></span>
            <div class="name">
              工单查询
            </div>
            <div class="code-name">.icon_orderInquiry
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_appMonitor"></span>
            <div class="name">
              icon_appMonitor
            </div>
            <div class="code-name">.icon_appMonitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateManage_s"></span>
            <div class="name">
              作业管理
            </div>
            <div class="code-name">.icon_operateManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataAnalysis_s"></span>
            <div class="name">
              分析管理
            </div>
            <div class="code-name">.icon_dataAnalysis_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_processService_s"></span>
            <div class="name">
              流程服务
            </div>
            <div class="code-name">.icon_processService_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_mobileService_s"></span>
            <div class="name">
              移动服务
            </div>
            <div class="code-name">.icon_mobileService_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_monitorManage_s"></span>
            <div class="name">
              监测管理
            </div>
            <div class="code-name">.icon_monitorManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_permissManage_s"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.icon_permissManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_datasManage_s"></span>
            <div class="name">
              资源配置
            </div>
            <div class="code-name">.icon_datasManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_continueDeliver_s"></span>
            <div class="name">
              持续交付
            </div>
            <div class="code-name">.icon_continueDeliver_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_layout"></span>
            <div class="name">
              页面布局
            </div>
            <div class="code-name">.icon_layout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataManage"></span>
            <div class="name">
              数据治理
            </div>
            <div class="code-name">.icon_dataManage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AliCloudEn"></span>
            <div class="name">
              阿里云英文Logo
            </div>
            <div class="code-name">.icon_AliCloudEn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HuaweiCloudEn"></span>
            <div class="name">
              华为云英文Logo
            </div>
            <div class="code-name">.icon_HuaweiCloudEn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_FirewallRed_d"></span>
            <div class="name">
              红色防火墙(3D)
            </div>
            <div class="code-name">.icon_FirewallRed_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_FirewallBlue_d"></span>
            <div class="name">
              蓝色防火墙(3D)
            </div>
            <div class="code-name">.icon_FirewallBlue_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_stackSwitch_d"></span>
            <div class="name">
              堆叠交换机
            </div>
            <div class="code-name">.icon_stackSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_networkSwitch_d"></span>
            <div class="name">
              网管交换机
            </div>
            <div class="code-name">.icon_networkSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataArts"></span>
            <div class="name">
              数据治理中心
            </div>
            <div class="code-name">.icon_dataArts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SGUEP"></span>
            <div class="name">
              国网UEP数据交互平台
            </div>
            <div class="code-name">.icon_SGUEP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_QuickBI"></span>
            <div class="name">
              阿里QuickBI商业智能分析
            </div>
            <div class="code-name">.icon_QuickBI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_UEP"></span>
            <div class="name">
              UEP数据交互平台
            </div>
            <div class="code-name">.icon_UEP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_TSDB"></span>
            <div class="name">
              阿里TSDB时序数据库系统
            </div>
            <div class="code-name">.icon_TSDB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DataQuotient"></span>
            <div class="name">
              阿里DataQ标签画像管理中台
            </div>
            <div class="code-name">.icon_DataQuotient
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Blink"></span>
            <div class="name">
              阿里Blink实时计算引擎
            </div>
            <div class="code-name">.icon_Blink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_GraphCompute"></span>
            <div class="name">
              阿里GC图形计算服务
            </div>
            <div class="code-name">.icon_GraphCompute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DRS"></span>
            <div class="name">
              阿里DRS数据库容灾备份服务
            </div>
            <div class="code-name">.icon_DRS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_BCC"></span>
            <div class="name">
              阿里BCC大数据管家
            </div>
            <div class="code-name">.icon_BCC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SGVCS"></span>
            <div class="name">
              国网VCS无功补偿系统
            </div>
            <div class="code-name">.icon_SGVCS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SGAPS"></span>
            <div class="name">
              国网APS智能排产系统
            </div>
            <div class="code-name">.icon_SGAPS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_spark"></span>
            <div class="name">
              Spark大规模数据处理框架
            </div>
            <div class="code-name">.icon_spark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_middlePlatform"></span>
            <div class="name">
              数据中台
            </div>
            <div class="code-name">.icon_middlePlatform
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_menuUnfold"></span>
            <div class="name">
              菜单展开
            </div>
            <div class="code-name">.icon_menuUnfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_menuFold"></span>
            <div class="name">
              菜单收起
            </div>
            <div class="code-name">.icon_menuFold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fit"></span>
            <div class="name">
              匹配度/目标
            </div>
            <div class="code-name">.icon_fit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_rightUnfold"></span>
            <div class="name">
              向右展开
            </div>
            <div class="code-name">.icon_rightUnfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leftFold"></span>
            <div class="name">
              向左收起
            </div>
            <div class="code-name">.icon_leftFold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_del_s"></span>
            <div class="name">
              删除/展开树(面型)
            </div>
            <div class="code-name">.icon_del_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_add_s"></span>
            <div class="name">
              添加/收起树(面型)
            </div>
            <div class="code-name">.icon_add_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_titleBgTrapezium"></span>
            <div class="name">
              梯形标题背景
            </div>
            <div class="code-name">.icon_titleBgTrapezium
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_titleBgParallelogram"></span>
            <div class="name">
              平行四边形标题背景
            </div>
            <div class="code-name">.icon_titleBgParallelogram
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fitHigh"></span>
            <div class="name">
              高匹配度
            </div>
            <div class="code-name">.icon_fitHigh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fitStar"></span>
            <div class="name">
              中匹配度
            </div>
            <div class="code-name">.icon_fitStar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fitLow"></span>
            <div class="name">
              低匹配度
            </div>
            <div class="code-name">.icon_fitLow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_save"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon_save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_titleArrow"></span>
            <div class="name">
              箭头标题
            </div>
            <div class="code-name">.icon_titleArrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_titleLine"></span>
            <div class="name">
              线型标题
            </div>
            <div class="code-name">.icon_titleLine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_hopper"></span>
            <div class="name">
              漏斗/过滤器
            </div>
            <div class="code-name">.icon_hopper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_web"></span>
            <div class="name">
              Web端/网页端
            </div>
            <div class="code-name">.icon_web
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_assemblyMachine"></span>
            <div class="name">
              PC电脑/组装机
            </div>
            <div class="code-name">.icon_assemblyMachine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_host"></span>
            <div class="name">
              主机
            </div>
            <div class="code-name">.icon_host
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_vCPU"></span>
            <div class="name">
              虚拟中央处理器
            </div>
            <div class="code-name">.icon_vCPU
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_mobilePhone"></span>
            <div class="name">
              手机/移动端
            </div>
            <div class="code-name">.icon_mobilePhone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_PC"></span>
            <div class="name">
              PC机/PC端/电脑端/显示器
            </div>
            <div class="code-name">.icon_PC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_storage"></span>
            <div class="name">
              存储设备
            </div>
            <div class="code-name">.icon_storage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_safetyDevice"></span>
            <div class="name">
              安全设备
            </div>
            <div class="code-name">.icon_safetyDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_externalDevice"></span>
            <div class="name">
              其他外部设备
            </div>
            <div class="code-name">.icon_externalDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_screenDevice"></span>
            <div class="name">
              屏幕设备
            </div>
            <div class="code-name">.icon_screenDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_projector"></span>
            <div class="name">
              投影仪
            </div>
            <div class="code-name">.icon_projector
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_IPDevice"></span>
            <div class="name">
              IP地址管理设备
            </div>
            <div class="code-name">.icon_IPDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SDN"></span>
            <div class="name">
              SDN交换机
            </div>
            <div class="code-name">.icon_SDN
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_networkDevice"></span>
            <div class="name">
              其他网络设备
            </div>
            <div class="code-name">.icon_networkDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_printer"></span>
            <div class="name">
              打印机
            </div>
            <div class="code-name">.icon_printer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_officeDevice"></span>
            <div class="name">
              办公设备
            </div>
            <div class="code-name">.icon_officeDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_scanner"></span>
            <div class="name">
              扫描仪
            </div>
            <div class="code-name">.icon_scanner
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_photocopyingMachine"></span>
            <div class="name">
              影印一体机
            </div>
            <div class="code-name">.icon_photocopyingMachine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fax"></span>
            <div class="name">
              传真机
            </div>
            <div class="code-name">.icon_fax
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_copier"></span>
            <div class="name">
              复印件
            </div>
            <div class="code-name">.icon_copier
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_graphPlotter"></span>
            <div class="name">
              数字式绘图仪/数位屏
            </div>
            <div class="code-name">.icon_graphPlotter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SBC"></span>
            <div class="name">
              SBC设备
            </div>
            <div class="code-name">.icon_SBC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_voiceGateway"></span>
            <div class="name">
              语音网关
            </div>
            <div class="code-name">.icon_voiceGateway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_networkCircuit"></span>
            <div class="name">
              网络电路
            </div>
            <div class="code-name">.icon_networkCircuit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_opticalSwitches"></span>
            <div class="name">
              光纤交换机
            </div>
            <div class="code-name">.icon_opticalSwitches
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_protocolConvert"></span>
            <div class="name">
              协议转换器
            </div>
            <div class="code-name">.icon_protocolConvert
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_storageGateway"></span>
            <div class="name">
              存储网关
            </div>
            <div class="code-name">.icon_storageGateway
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_webRouter"></span>
            <div class="name">
              网络路由器
            </div>
            <div class="code-name">.icon_webRouter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_webSwitch"></span>
            <div class="name">
              网络交换机
            </div>
            <div class="code-name">.icon_webSwitch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_hub"></span>
            <div class="name">
              集线器
            </div>
            <div class="code-name">.icon_hub
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_accessDevice"></span>
            <div class="name">
              无线接入设备
            </div>
            <div class="code-name">.icon_accessDevice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_distributedStorage"></span>
            <div class="name">
              分布式存储
            </div>
            <div class="code-name">.icon_distributedStorage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_virtualTapeLibrary"></span>
            <div class="name">
              虚拟带库
            </div>
            <div class="code-name">.icon_virtualTapeLibrary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_storageSwitch"></span>
            <div class="name">
              存储交换机
            </div>
            <div class="code-name">.icon_storageSwitch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_tapeLibrary"></span>
            <div class="name">
              磁带库
            </div>
            <div class="code-name">.icon_tapeLibrary
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_diskArray"></span>
            <div class="name">
              磁盘阵列
            </div>
            <div class="code-name">.icon_diskArray
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AIO"></span>
            <div class="name">
              一体机
            </div>
            <div class="code-name">.icon_AIO
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_miniServer"></span>
            <div class="name">
              小型机/小型服务器/微型服务器
            </div>
            <div class="code-name">.icon_miniServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_specialServer"></span>
            <div class="name">
              专用服务器
            </div>
            <div class="code-name">.icon_specialServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_IPC"></span>
            <div class="name">
              工控机
            </div>
            <div class="code-name">.icon_IPC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_customServer"></span>
            <div class="name">
              定制化服务器
            </div>
            <div class="code-name">.icon_customServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_GPUServer"></span>
            <div class="name">
              GPU服务器
            </div>
            <div class="code-name">.icon_GPUServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_agent"></span>
            <div class="name">
              agent
            </div>
            <div class="code-name">.icon_agent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_executeScript"></span>
            <div class="name">
              执行脚本
            </div>
            <div class="code-name">.icon_executeScript
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_PCServer"></span>
            <div class="name">
              PC服务器
            </div>
            <div class="code-name">.icon_PCServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_bladeServer"></span>
            <div class="name">
              刀片机/刀片服务器
            </div>
            <div class="code-name">.icon_bladeServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_copy"></span>
            <div class="name">
              复制/拷贝
            </div>
            <div class="code-name">.icon_copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leadingRate"></span>
            <div class="name">
              主业主导率
            </div>
            <div class="code-name">.icon_leadingRate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_autonomyRate"></span>
            <div class="name">
              主业自主率/VIP会员
            </div>
            <div class="code-name">.icon_autonomyRate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_controlRate"></span>
            <div class="name">
              主业管控率
            </div>
            <div class="code-name">.icon_controlRate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_clear"></span>
            <div class="name">
              清空/删除
            </div>
            <div class="code-name">.icon_clear
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_levelMedium"></span>
            <div class="name">
              中级/中等级别
            </div>
            <div class="code-name">.icon_levelMedium
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_levelHigh"></span>
            <div class="name">
              高级/高等级别
            </div>
            <div class="code-name">.icon_levelHigh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_levelWeak"></span>
            <div class="name">
              轻级/轻微级别
            </div>
            <div class="code-name">.icon_levelWeak
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_levelLow"></span>
            <div class="name">
              低级/低等级别
            </div>
            <div class="code-name">.icon_levelLow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_read"></span>
            <div class="name">
              已读/已阅/已打开
            </div>
            <div class="code-name">.icon_read
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_unread"></span>
            <div class="name">
              未读/未阅/未打开
            </div>
            <div class="code-name">.icon_unread
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_help"></span>
            <div class="name">
              帮助中心/问题中心/疑问
            </div>
            <div class="code-name">.icon_help
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_mouseDisabled"></span>
            <div class="name">
              鼠标禁用
            </div>
            <div class="code-name">.icon_mouseDisabled
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_mouseDeault"></span>
            <div class="name">
              鼠标默认
            </div>
            <div class="code-name">.icon_mouseDeault
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_mousePointer"></span>
            <div class="name">
              单击/鼠标悬停/鼠标经过/鼠标滑过
            </div>
            <div class="code-name">.icon_mousePointer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_finger"></span>
            <div class="name">
              指示/引导
            </div>
            <div class="code-name">.icon_finger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_risingUsers"></span>
            <div class="name">
              上升用户数
            </div>
            <div class="code-name">.icon_risingUsers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_registerUsers"></span>
            <div class="name">
              用户注册数
            </div>
            <div class="code-name">.icon_registerUsers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_activeUsers"></span>
            <div class="name">
              日活跃用户数
            </div>
            <div class="code-name">.icon_activeUsers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_reservedUsers"></span>
            <div class="name">
              零活跃用户数
            </div>
            <div class="code-name">.icon_reservedUsers
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_function"></span>
            <div class="name">
              功能菜单/菜单点击总数
            </div>
            <div class="code-name">.icon_function
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_clickRate"></span>
            <div class="name">
              点击率
            </div>
            <div class="code-name">.icon_clickRate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_attack"></span>
            <div class="name">
              目标/攻击威胁
            </div>
            <div class="code-name">.icon_attack
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_asset"></span>
            <div class="name">
              资产/数据库
            </div>
            <div class="code-name">.icon_asset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_bastionHost"></span>
            <div class="name">
              堡垒机/安全保障系统
            </div>
            <div class="code-name">.icon_bastionHost
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_display"></span>
            <div class="name">
              显示器
            </div>
            <div class="code-name">.icon_display
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_faceDetect"></span>
            <div class="name">
              人脸识别/扫脸
            </div>
            <div class="code-name">.icon_faceDetect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_lock"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.icon_lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_unlock"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon_unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_close"></span>
            <div class="name">
              关闭/删除(线框)
            </div>
            <div class="code-name">.icon_close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_closeClip"></span>
            <div class="name">
              关闭/删除
            </div>
            <div class="code-name">.icon_closeClip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_application_s"></span>
            <div class="name">
              应用/应用程序/应用系统
            </div>
            <div class="code-name">.icon_application_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_graphyManage_s"></span>
            <div class="name">
              图形管理
            </div>
            <div class="code-name">.icon_graphyManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_reportManage_s"></span>
            <div class="name">
              报表管理
            </div>
            <div class="code-name">.icon_reportManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_workOrder_s"></span>
            <div class="name">
              我的工单
            </div>
            <div class="code-name">.icon_workOrder_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateMode"></span>
            <div class="name">
              运行方式
            </div>
            <div class="code-name">.icon_operateMode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateMonitor"></span>
            <div class="name">
              运行监控
            </div>
            <div class="code-name">.icon_operateMonitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dispatchCoordinate"></span>
            <div class="name">
              调度协同
            </div>
            <div class="code-name">.icon_dispatchCoordinate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateManage"></span>
            <div class="name">
              运行管理
            </div>
            <div class="code-name">.icon_operateManage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_platformOperate"></span>
            <div class="name">
              平台运营
            </div>
            <div class="code-name">.icon_platformOperate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_serviceSupport_s"></span>
            <div class="name">
              服务支撑
            </div>
            <div class="code-name">.icon_serviceSupport_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_thirdLine_s"></span>
            <div class="name">
              三线管理
            </div>
            <div class="code-name">.icon_thirdLine_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateAudit_s"></span>
            <div class="name">
              操作审计管理
            </div>
            <div class="code-name">.icon_operateAudit_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_integrationManage_s"></span>
            <div class="name">
              集成服务管理
            </div>
            <div class="code-name">.icon_integrationManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_acquireManage_s"></span>
            <div class="name">
              采集管理
            </div>
            <div class="code-name">.icon_acquireManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_reportConfig_s"></span>
            <div class="name">
              报表配置管理
            </div>
            <div class="code-name">.icon_reportConfig_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_del"></span>
            <div class="name">
              删除/收起
            </div>
            <div class="code-name">.icon_del
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_add"></span>
            <div class="name">
              添加/展开
            </div>
            <div class="code-name">.icon_add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_transmitBox"></span>
            <div class="name">
              级联总部/传输盒
            </div>
            <div class="code-name">.icon_transmitBox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_group"></span>
            <div class="name">
              集群/群组
            </div>
            <div class="code-name">.icon_group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_drag"></span>
            <div class="name">
              拖拽排序/子标题/二级标题
            </div>
            <div class="code-name">.icon_drag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_moveUp"></span>
            <div class="name">
              上移/向上移动
            </div>
            <div class="code-name">.icon_moveUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_moveDown"></span>
            <div class="name">
              下移/向下移动
            </div>
            <div class="code-name">.icon_moveDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_moveLeft"></span>
            <div class="name">
              左移/向左移动
            </div>
            <div class="code-name">.icon_moveLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_moveRight"></span>
            <div class="name">
              右移/向右移动
            </div>
            <div class="code-name">.icon_moveRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_APM"></span>
            <div class="name">
              华为APM应用性能管理
            </div>
            <div class="code-name">.icon_APM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AOM"></span>
            <div class="name">
              华为AOM应用运维管理
            </div>
            <div class="code-name">.icon_AOM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ServiceStage"></span>
            <div class="name">
              应用管理运维平台
            </div>
            <div class="code-name">.icon_ServiceStage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ROMA"></span>
            <div class="name">
              华为ROMA应用数据集成平台
            </div>
            <div class="code-name">.icon_ROMA
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fault"></span>
            <div class="name">
              故障
            </div>
            <div class="code-name">.icon_fault
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_deploy"></span>
            <div class="name">
              调度管理
            </div>
            <div class="code-name">.icon_deploy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_inspection"></span>
            <div class="name">
              运检管理
            </div>
            <div class="code-name">.icon_inspection
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DRDS"></span>
            <div class="name">
              阿里DRDS分布式关系型数据库服务
            </div>
            <div class="code-name">.icon_DRDS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HuaweiGaussDB"></span>
            <div class="name">
              华为GaussDB企业级数据库服务
            </div>
            <div class="code-name">.icon_HuaweiGaussDB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_default"></span>
            <div class="name">
              默认/系统配置
            </div>
            <div class="code-name">.icon_default
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_public"></span>
            <div class="name">
              公共服务
            </div>
            <div class="code-name">.icon_public
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_titleSub"></span>
            <div class="name">
              子标题
            </div>
            <div class="code-name">.icon_titleSub
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_monitor"></span>
            <div class="name">
              显示屏/监测系统/分析系统
            </div>
            <div class="code-name">.icon_monitor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifySuccess"></span>
            <div class="name">
              验证成功
            </div>
            <div class="code-name">.icon_verifySuccess
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyFailed"></span>
            <div class="name">
              验证失败
            </div>
            <div class="code-name">.icon_verifyFailed
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyNo"></span>
            <div class="name">
              未验证
            </div>
            <div class="code-name">.icon_verifyNo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifying"></span>
            <div class="name">
              验证中
            </div>
            <div class="code-name">.icon_verifying
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyException"></span>
            <div class="name">
              验证异常
            </div>
            <div class="code-name">.icon_verifyException
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyDataDifferent"></span>
            <div class="name">
              验证数据不一致
            </div>
            <div class="code-name">.icon_verifyDataDifferent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyInterfaceFailure"></span>
            <div class="name">
              验证接口故障
            </div>
            <div class="code-name">.icon_verifyInterfaceFailure
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_verifyAI"></span>
            <div class="name">
              智能验证
            </div>
            <div class="code-name">.icon_verifyAI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_calculateAI"></span>
            <div class="name">
              智能测算
            </div>
            <div class="code-name">.icon_calculateAI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_estimateAI"></span>
            <div class="name">
              智能估算
            </div>
            <div class="code-name">.icon_estimateAI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_oneClickExecute"></span>
            <div class="name">
              一键验证/一键执行
            </div>
            <div class="code-name">.icon_oneClickExecute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CLB"></span>
            <div class="name">
              CLB云负载均衡
            </div>
            <div class="code-name">.icon_CLB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverT"></span>
            <div class="name">
              特殊/特别
            </div>
            <div class="code-name">.icon_leverT
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverOne"></span>
            <div class="name">
              一段
            </div>
            <div class="code-name">.icon_leverOne
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverTwo"></span>
            <div class="name">
              二段
            </div>
            <div class="code-name">.icon_leverTwo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverThree"></span>
            <div class="name">
              三段
            </div>
            <div class="code-name">.icon_leverThree
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverI"></span>
            <div class="name">
              I级
            </div>
            <div class="code-name">.icon_leverI
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverII"></span>
            <div class="name">
              II级
            </div>
            <div class="code-name">.icon_leverII
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverIII"></span>
            <div class="name">
              III级
            </div>
            <div class="code-name">.icon_leverIII
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverSuper"></span>
            <div class="name">
              特级系统
            </div>
            <div class="code-name">.icon_leverSuper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverFirst"></span>
            <div class="name">
              一级系统
            </div>
            <div class="code-name">.icon_leverFirst
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverSecond"></span>
            <div class="name">
              二级系统
            </div>
            <div class="code-name">.icon_leverSecond
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_leverThird"></span>
            <div class="name">
              三级系统
            </div>
            <div class="code-name">.icon_leverThird
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_keyData"></span>
            <div class="name">
              级联总部/上传关键数据
            </div>
            <div class="code-name">.icon_keyData
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_steering"></span>
            <div class="name">
              方向控制器
            </div>
            <div class="code-name">.icon_steering
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_nineScreen"></span>
            <div class="name">
              九分屏/九宫屏
            </div>
            <div class="code-name">.icon_nineScreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_oneScreen"></span>
            <div class="name">
              单屏/整屏/满屏
            </div>
            <div class="code-name">.icon_oneScreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fourScreen"></span>
            <div class="name">
              四分屏/四宫屏
            </div>
            <div class="code-name">.icon_fourScreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_sixScreen"></span>
            <div class="name">
              六分屏/六宫屏
            </div>
            <div class="code-name">.icon_sixScreen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_users"></span>
            <div class="name">
              用户群/用户数
            </div>
            <div class="code-name">.icon_users
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_systemSetup"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.icon_systemSetup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_files"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon_files
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_port"></span>
            <div class="name">
              端口/网口/RJ45
            </div>
            <div class="code-name">.icon_port
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_memory"></span>
            <div class="name">
              内存条/内存
            </div>
            <div class="code-name">.icon_memory
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CPU"></span>
            <div class="name">
              中央处理器
            </div>
            <div class="code-name">.icon_CPU
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_disk"></span>
            <div class="name">
              磁盘
            </div>
            <div class="code-name">.icon_disk
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_hexagon"></span>
            <div class="name">
              六边形
            </div>
            <div class="code-name">.icon_hexagon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont bg_left"></span>
            <div class="name">
              机柜左边框
            </div>
            <div class="code-name">.bg_left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont bg_right"></span>
            <div class="name">
              机柜右边框
            </div>
            <div class="code-name">.bg_right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_baseLayer"></span>
            <div class="name">
              基座
            </div>
            <div class="code-name">.icon_baseLayer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_serverU_d"></span>
            <div class="name">
              U位服务器
            </div>
            <div class="code-name">.icon_serverU_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_VRR_d"></span>
            <div class="name">
              虚拟路由反射器
            </div>
            <div class="code-name">.icon_VRR_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_centerRouter_d"></span>
            <div class="name">
              中心路由器
            </div>
            <div class="code-name">.icon_centerRouter_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_accessRouter_d"></span>
            <div class="name">
              接入路由器
            </div>
            <div class="code-name">.icon_accessRouter_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_convergeRouter_d"></span>
            <div class="name">
              汇聚路由器
            </div>
            <div class="code-name">.icon_convergeRouter_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_coreRouter_d"></span>
            <div class="name">
              核心路由器
            </div>
            <div class="code-name">.icon_coreRouter_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_router_d"></span>
            <div class="name">
              路由器
            </div>
            <div class="code-name">.icon_router_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_centerSwitch_d"></span>
            <div class="name">
              中心交换机
            </div>
            <div class="code-name">.icon_centerSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_accessSwitch_d"></span>
            <div class="name">
              接入交换机
            </div>
            <div class="code-name">.icon_accessSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_convergeSwitch_d"></span>
            <div class="name">
              汇聚交换机
            </div>
            <div class="code-name">.icon_convergeSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_coreSwitch_d"></span>
            <div class="name">
              核心交换机
            </div>
            <div class="code-name">.icon_coreSwitch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_switch_d"></span>
            <div class="name">
              交换机
            </div>
            <div class="code-name">.icon_switch_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_nodata"></span>
            <div class="name">
              暂无数据
            </div>
            <div class="code-name">.icon_nodata
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operateAnalysis_s"></span>
            <div class="name">
              运营分析
            </div>
            <div class="code-name">.icon_operateAnalysis_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_panoramaDisplay_s"></span>
            <div class="name">
              全景展示
            </div>
            <div class="code-name">.icon_panoramaDisplay_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_integrationService_s"></span>
            <div class="name">
              集成服务
            </div>
            <div class="code-name">.icon_integrationService_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_appWarehouse_s"></span>
            <div class="name">
              应用仓库
            </div>
            <div class="code-name">.icon_appWarehouse_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_all"></span>
            <div class="name">
              全部(功能菜单)
            </div>
            <div class="code-name">.icon_all
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_acquireControl_s"></span>
            <div class="name">
              采集控制
            </div>
            <div class="code-name">.icon_acquireControl_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_intelligentAlgorithm_s"></span>
            <div class="name">
              智能算法平台
            </div>
            <div class="code-name">.icon_intelligentAlgorithm_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_logAnalysis_s"></span>
            <div class="name">
              日志分析
            </div>
            <div class="code-name">.icon_logAnalysis_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_sceneManage_s"></span>
            <div class="name">
              场景管理
            </div>
            <div class="code-name">.icon_sceneManage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_colony_r"></span>
            <div class="name">
              云集群(反色/选中)
            </div>
            <div class="code-name">.icon_colony_r
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_colony_a"></span>
            <div class="name">
              云集群(全色)
            </div>
            <div class="code-name">.icon_colony_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_colony"></span>
            <div class="name">
              云集群
            </div>
            <div class="code-name">.icon_colony
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_close_a"></span>
            <div class="name">
              关闭(全色)/断开/中断/删除/取消
            </div>
            <div class="code-name">.icon_close_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_close_s"></span>
            <div class="name">
              关闭/断开/中断(面型)
            </div>
            <div class="code-name">.icon_close_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_tableSetup"></span>
            <div class="name">
              表格设置
            </div>
            <div class="code-name">.icon_tableSetup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_lineheight"></span>
            <div class="name">
              行高设置
            </div>
            <div class="code-name">.icon_lineheight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_tips_s"></span>
            <div class="name">
              提示(面型)
            </div>
            <div class="code-name">.icon_tips_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_warning_s"></span>
            <div class="name">
              警告(面型)
            </div>
            <div class="code-name">.icon_warning_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_attachment"></span>
            <div class="name">
              附件
            </div>
            <div class="code-name">.icon_attachment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_change_s"></span>
            <div class="name">
              切换
            </div>
            <div class="code-name">.icon_change_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_cursor_s"></span>
            <div class="name">
              游标/标记(面型)
            </div>
            <div class="code-name">.icon_cursor_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_upload_s"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.icon_upload_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_MySQL"></span>
            <div class="name">
              AB数据库
            </div>
            <div class="code-name">.icon_MySQL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dryHumidity"></span>
            <div class="name">
              湿度
            </div>
            <div class="code-name">.icon_dryHumidity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_thermodynamics"></span>
            <div class="name">
              温度
            </div>
            <div class="code-name">.icon_thermodynamics
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_capacity"></span>
            <div class="name">
              容量
            </div>
            <div class="code-name">.icon_capacity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_run"></span>
            <div class="name">
              运行/风扇/散热
            </div>
            <div class="code-name">.icon_run
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_no"></span>
            <div class="name">
              否/取消/删除/关闭
            </div>
            <div class="code-name">.icon_no
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_yes"></span>
            <div class="name">
              是/确定/确认/通过
            </div>
            <div class="code-name">.icon_yes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_connect"></span>
            <div class="name">
              连接/链接
            </div>
            <div class="code-name">.icon_connect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_break"></span>
            <div class="name">
              断开
            </div>
            <div class="code-name">.icon_break
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_info"></span>
            <div class="name">
              信息说明
            </div>
            <div class="code-name">.icon_info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_info_s"></span>
            <div class="name">
              信息说明(面型)
            </div>
            <div class="code-name">.icon_info_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_physicalMachine"></span>
            <div class="name">
              物理机
            </div>
            <div class="code-name">.icon_physicalMachine
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_saveSever_d"></span>
            <div class="name">
              存储服务器
            </div>
            <div class="code-name">.icon_saveSever_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_networkSwich_d"></span>
            <div class="name">
              网管交换机
            </div>
            <div class="code-name">.icon_networkSwich_d
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_position"></span>
            <div class="name">
              地理位置/坐标
            </div>
            <div class="code-name">.icon_position
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_EntranceGuard"></span>
            <div class="name">
              门禁
            </div>
            <div class="code-name">.icon_EntranceGuard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Aircondition"></span>
            <div class="name">
              空调
            </div>
            <div class="code-name">.icon_Aircondition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Camera"></span>
            <div class="name">
              摄像头
            </div>
            <div class="code-name">.icon_Camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Leakage"></span>
            <div class="name">
              漏水传感器
            </div>
            <div class="code-name">.icon_Leakage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_TempHumidity"></span>
            <div class="name">
              温湿度传感器
            </div>
            <div class="code-name">.icon_TempHumidity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SmokeDetector"></span>
            <div class="name">
              烟雾探测器/烟感
            </div>
            <div class="code-name">.icon_SmokeDetector
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Leakage_s"></span>
            <div class="name">
              漏水传感器(面型)
            </div>
            <div class="code-name">.icon_Leakage_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_EntranceGuard_s"></span>
            <div class="name">
              门禁(面型)
            </div>
            <div class="code-name">.icon_EntranceGuard_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Camera_s"></span>
            <div class="name">
              摄像头(面型)
            </div>
            <div class="code-name">.icon_Camera_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Aircondition_s"></span>
            <div class="name">
              空调(面型)
            </div>
            <div class="code-name">.icon_Aircondition_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_TempHumidity_s"></span>
            <div class="name">
              温湿度传感器(面型)
            </div>
            <div class="code-name">.icon_TempHumidity_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SmokeDetector_s"></span>
            <div class="name">
              烟雾探测器/烟感(面型)
            </div>
            <div class="code-name">.icon_SmokeDetector_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_back"></span>
            <div class="name">
              返回/上一步
            </div>
            <div class="code-name">.icon_back
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_building"></span>
            <div class="name">
              公司单位/地市数据中心/建筑大厦
            </div>
            <div class="code-name">.icon_building
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ECS_s"></span>
            <div class="name">
              ECS弹性计算服务(面型)
            </div>
            <div class="code-name">.icon_ECS_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ProvincePD"></span>
            <div class="name">
              网省物理设备
            </div>
            <div class="code-name">.icon_ProvincePD
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_onCloud"></span>
            <div class="name">
              云上
            </div>
            <div class="code-name">.icon_onCloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Huawei"></span>
            <div class="name">
              华为云
            </div>
            <div class="code-name">.icon_Huawei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Ali"></span>
            <div class="name">
              阿里云
            </div>
            <div class="code-name">.icon_Ali
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_infoDown"></span>
            <div class="name">
              下信息箭头/展开条件
            </div>
            <div class="code-name">.icon_infoDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_infoUp"></span>
            <div class="name">
              上信息箭头/收起条件
            </div>
            <div class="code-name">.icon_infoUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_infoRight"></span>
            <div class="name">
              右信息箭头
            </div>
            <div class="code-name">.icon_infoRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_infoLeft"></span>
            <div class="name">
              左信息箭头
            </div>
            <div class="code-name">.icon_infoLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_treeLeft_s"></span>
            <div class="name">
              左树箭头
            </div>
            <div class="code-name">.icon_treeLeft_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_treeDown_s"></span>
            <div class="name">
              下树箭头/展开树
            </div>
            <div class="code-name">.icon_treeDown_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_treeUp_s"></span>
            <div class="name">
              上树箭头
            </div>
            <div class="code-name">.icon_treeUp_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_treeRight_s"></span>
            <div class="name">
              右树箭头/收起树/还原树
            </div>
            <div class="code-name">.icon_treeRight_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_directDown"></span>
            <div class="name">
              下方向箭头
            </div>
            <div class="code-name">.icon_directDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_directUp"></span>
            <div class="name">
              上方向箭头
            </div>
            <div class="code-name">.icon_directUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_directRight"></span>
            <div class="name">
              右方向箭头
            </div>
            <div class="code-name">.icon_directRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_directLeft"></span>
            <div class="name">
              左方向箭头
            </div>
            <div class="code-name">.icon_directLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_flowDown"></span>
            <div class="name">
              下流程箭头
            </div>
            <div class="code-name">.icon_flowDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_flowUp"></span>
            <div class="name">
              上流程箭头
            </div>
            <div class="code-name">.icon_flowUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_flowRight"></span>
            <div class="name">
              右流程箭头
            </div>
            <div class="code-name">.icon_flowRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_flowLeft"></span>
            <div class="name">
              左流程箭头
            </div>
            <div class="code-name">.icon_flowLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_foldDown"></span>
            <div class="name">
              下目录箭头/展开菜单
            </div>
            <div class="code-name">.icon_foldDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_foldUp"></span>
            <div class="name">
              上目录箭头/收起菜单
            </div>
            <div class="code-name">.icon_foldUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_foldRight"></span>
            <div class="name">
              右目录箭头
            </div>
            <div class="code-name">.icon_foldRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_foldLeft"></span>
            <div class="name">
              左目录箭头
            </div>
            <div class="code-name">.icon_foldLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowDown"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.icon_arrowDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowUp"></span>
            <div class="name">
              上箭头
            </div>
            <div class="code-name">.icon_arrowUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowRight"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.icon_arrowRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowLeft"></span>
            <div class="name">
              左箭头
            </div>
            <div class="code-name">.icon_arrowLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowsDown"></span>
            <div class="name">
              下双箭头
            </div>
            <div class="code-name">.icon_arrowsDown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowsUp"></span>
            <div class="name">
              上双箭头
            </div>
            <div class="code-name">.icon_arrowsUp
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowsRight"></span>
            <div class="name">
              右双箭头
            </div>
            <div class="code-name">.icon_arrowsRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrowsLeft"></span>
            <div class="name">
              左双箭头
            </div>
            <div class="code-name">.icon_arrowsLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_screenMin"></span>
            <div class="name">
              还原/最小化
            </div>
            <div class="code-name">.icon_screenMin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_screenFull"></span>
            <div class="name">
              全屏/最大化
            </div>
            <div class="code-name">.icon_screenFull
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_earth"></span>
            <div class="name">
              地球/互联网/信息/资源
            </div>
            <div class="code-name">.icon_earth
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_switchHome"></span>
            <div class="name">
              家用交换机
            </div>
            <div class="code-name">.icon_switchHome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataCloud"></span>
            <div class="name">
              数据云
            </div>
            <div class="code-name">.icon_dataCloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dataCommunicate_a"></span>
            <div class="name">
              数据通信网
            </div>
            <div class="code-name">.icon_dataCommunicate_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jumpLast"></span>
            <div class="name">
              跳至尾页/跳至末页/跳至最后页
            </div>
            <div class="code-name">.icon_jumpLast
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jumpHome"></span>
            <div class="name">
              跳至首页/跳至始页/跳至第一页
            </div>
            <div class="code-name">.icon_jumpHome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_safetyIsolation"></span>
            <div class="name">
              安全隔离
            </div>
            <div class="code-name">.icon_safetyIsolation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_electricity"></span>
            <div class="name">
              电力/电量/电能/能量
            </div>
            <div class="code-name">.icon_electricity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_common"></span>
            <div class="name">
              组件
            </div>
            <div class="code-name">.icon_common
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_appFirewall"></span>
            <div class="name">
              Web应用防火墙
            </div>
            <div class="code-name">.icon_appFirewall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CSB"></span>
            <div class="name">
              云服务总线
            </div>
            <div class="code-name">.icon_CSB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ROS"></span>
            <div class="name">
              资源编排服务
            </div>
            <div class="code-name">.icon_ROS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_toolsComponent"></span>
            <div class="name">
              元件组合
            </div>
            <div class="code-name">.icon_toolsComponent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_notice"></span>
            <div class="name">
              公告通知
            </div>
            <div class="code-name">.icon_notice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_cloud"></span>
            <div class="name">
              云
            </div>
            <div class="code-name">.icon_cloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ACR"></span>
            <div class="name">
              容器镜像服务
            </div>
            <div class="code-name">.icon_ACR
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_overhaul_sign"></span>
            <div class="name">
              检修标记/检修图例
            </div>
            <div class="code-name">.icon_overhaul_sign
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_votes"></span>
            <div class="name">
              两票工单
            </div>
            <div class="code-name">.icon_votes
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_edit_a"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon_edit_a
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Xscan"></span>
            <div class="name">
              漏洞扫描/扫描器/雷达
            </div>
            <div class="code-name">.icon_Xscan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_previous"></span>
            <div class="name">
              上页/上一页/前页/前一页
            </div>
            <div class="code-name">.icon_previous
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_star"></span>
            <div class="name">
              icon_star
            </div>
            <div class="code-name">.icon_star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_zoomOut"></span>
            <div class="name">
              缩小
            </div>
            <div class="code-name">.icon_zoomOut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_next"></span>
            <div class="name">
              下页/下一页/后页/后一页
            </div>
            <div class="code-name">.icon_next
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_zoomIn"></span>
            <div class="name">
              放大
            </div>
            <div class="code-name">.icon_zoomIn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_select_s"></span>
            <div class="name">
              下拉箭头/下拉选择
            </div>
            <div class="code-name">.icon_select_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_more"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon_more
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SDDP"></span>
            <div class="name">
              敏感数据保护
            </div>
            <div class="code-name">.icon_SDDP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_expand"></span>
            <div class="name">
              icon_expand
            </div>
            <div class="code-name">.icon_expand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_history"></span>
            <div class="name">
              历史记录
            </div>
            <div class="code-name">.icon_history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ESS"></span>
            <div class="name">
              弹性伸缩服务
            </div>
            <div class="code-name">.icon_ESS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_coreComponent"></span>
            <div class="name">
              核心组件
            </div>
            <div class="code-name">.icon_coreComponent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_overhaul"></span>
            <div class="name">
              检修计划
            </div>
            <div class="code-name">.icon_overhaul
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DMS"></span>
            <div class="name">
              数据管理
            </div>
            <div class="code-name">.icon_DMS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SchedulerX"></span>
            <div class="name">
              分布式任务调度平台
            </div>
            <div class="code-name">.icon_SchedulerX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_plan"></span>
            <div class="name">
              调度任务/执行列表
            </div>
            <div class="code-name">.icon_plan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DTS"></span>
            <div class="name">
              阿里DTS数据传输服务
            </div>
            <div class="code-name">.icon_DTS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_move"></span>
            <div class="name">
              拖拽移动/拖动/移动
            </div>
            <div class="code-name">.icon_move
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_export"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon_export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Hologres"></span>
            <div class="name">
              实时数仓/实时交互式分析
            </div>
            <div class="code-name">.icon_Hologres
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_advance"></span>
            <div class="name">
              云盾安骑士
            </div>
            <div class="code-name">.icon_advance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_baseComponent"></span>
            <div class="name">
              基础组件
            </div>
            <div class="code-name">.icon_baseComponent
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_todo"></span>
            <div class="name">
              我的待办
            </div>
            <div class="code-name">.icon_todo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont logo_SG"></span>
            <div class="name">
              SG-I6000
            </div>
            <div class="code-name">.logo_SG
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_arrow"></span>
            <div class="name">
              箭头/详情/下一步
            </div>
            <div class="code-name">.icon_arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_end"></span>
            <div class="name">
              终止/结束
            </div>
            <div class="code-name">.icon_end
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_start"></span>
            <div class="name">
              开始
            </div>
            <div class="code-name">.icon_start
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_cancel_s"></span>
            <div class="name">
              取消/关闭/删除(面型)
            </div>
            <div class="code-name">.icon_cancel_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_cancel"></span>
            <div class="name">
              取消/关闭/删除
            </div>
            <div class="code-name">.icon_cancel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_end_s"></span>
            <div class="name">
              终止/结束(面型)
            </div>
            <div class="code-name">.icon_end_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_success_s"></span>
            <div class="name">
              成功/确认/已选(面型)
            </div>
            <div class="code-name">.icon_success_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_success"></span>
            <div class="name">
              成功/确认/已选
            </div>
            <div class="code-name">.icon_success
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_stop_s"></span>
            <div class="name">
              暂停/停止(面型)
            </div>
            <div class="code-name">.icon_stop_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_stop"></span>
            <div class="name">
              暂停/停止
            </div>
            <div class="code-name">.icon_stop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_start_s"></span>
            <div class="name">
              开始(面型)
            </div>
            <div class="code-name">.icon_start_s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_hot"></span>
            <div class="name">
              最热/最火/热度/热点
            </div>
            <div class="code-name">.icon_hot
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_datetime"></span>
            <div class="name">
              日期时间
            </div>
            <div class="code-name">.icon_datetime
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_search"></span>
            <div class="name">
              搜索/检索/查询/查看详情
            </div>
            <div class="code-name">.icon_search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_loading"></span>
            <div class="name">
              加载动画/等待
            </div>
            <div class="code-name">.icon_loading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_alarm"></span>
            <div class="name">
              实时告警
            </div>
            <div class="code-name">.icon_alarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_special"></span>
            <div class="name">
              重要专题
            </div>
            <div class="code-name">.icon_special
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_app"></span>
            <div class="name">
              应用
            </div>
            <div class="code-name">.icon_app
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_skin"></span>
            <div class="name">
              换肤/皮肤
            </div>
            <div class="code-name">.icon_skin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_board"></span>
            <div class="name">
              运行看板
            </div>
            <div class="code-name">.icon_board
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_number"></span>
            <div class="name">
              排序/升序/降序
            </div>
            <div class="code-name">.icon_number
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon_time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_starOn"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.icon_starOn
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_starOff"></span>
            <div class="name">
              取消收藏
            </div>
            <div class="code-name">.icon_starOff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_operation"></span>
            <div class="name">
              运维
            </div>
            <div class="code-name">.icon_operation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_date"></span>
            <div class="name">
              日期
            </div>
            <div class="code-name">.icon_date
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_person"></span>
            <div class="name">
              用户名/我的/账号/账户/个人中心
            </div>
            <div class="code-name">.icon_person
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_msg"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon_msg
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_new"></span>
            <div class="name">
              最新/新闻
            </div>
            <div class="code-name">.icon_new
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dispatch"></span>
            <div class="name">
              调度
            </div>
            <div class="code-name">.icon_dispatch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_danger"></span>
            <div class="name">
              危险/警告
            </div>
            <div class="code-name">.icon_danger
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_customer"></span>
            <div class="name">
              服务管理
            </div>
            <div class="code-name">.icon_customer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_visited"></span>
            <div class="name">
              最近访问
            </div>
            <div class="code-name">.icon_visited
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_workbenches"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.icon_workbenches
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Cabinet"></span>
            <div class="name">
              机柜
            </div>
            <div class="code-name">.icon_Cabinet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Defense"></span>
            <div class="name">
              IPS入侵防御设备
            </div>
            <div class="code-name">.icon_Defense
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Distribution"></span>
            <div class="name">
              配电柜
            </div>
            <div class="code-name">.icon_Distribution
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Firewall"></span>
            <div class="name">
              防火墙
            </div>
            <div class="code-name">.icon_Firewall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_IDS"></span>
            <div class="name">
              IDS入侵检测设备
            </div>
            <div class="code-name">.icon_IDS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HAIPE"></span>
            <div class="name">
              加密机
            </div>
            <div class="code-name">.icon_HAIPE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HPUX"></span>
            <div class="name">
              HPUX服务器
            </div>
            <div class="code-name">.icon_HPUX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_image"></span>
            <div class="name">
              镜像设备/对称
            </div>
            <div class="code-name">.icon_image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_InPlatform"></span>
            <div class="name">
              接入平台
            </div>
            <div class="code-name">.icon_InPlatform
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Link"></span>
            <div class="name">
              服务链路
            </div>
            <div class="code-name">.icon_Link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Partition"></span>
            <div class="name">
              隔离装置
            </div>
            <div class="code-name">.icon_Partition
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_LoadBalance"></span>
            <div class="name">
              负载均衡
            </div>
            <div class="code-name">.icon_LoadBalance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Linux"></span>
            <div class="name">
              Linux服务器
            </div>
            <div class="code-name">.icon_Linux
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Room"></span>
            <div class="name">
              机房/卧室/房间
            </div>
            <div class="code-name">.icon_Room
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_routeHome"></span>
            <div class="name">
              家用路由器
            </div>
            <div class="code-name">.icon_routeHome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Service"></span>
            <div class="name">
              服务
            </div>
            <div class="code-name">.icon_Service
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_StorageBattery"></span>
            <div class="name">
              蓄电池
            </div>
            <div class="code-name">.icon_StorageBattery
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_System"></span>
            <div class="name">
              信息系统
            </div>
            <div class="code-name">.icon_System
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_VPN"></span>
            <div class="name">
              虚拟专用网络设备
            </div>
            <div class="code-name">.icon_VPN
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_UPS"></span>
            <div class="name">
              UPS不间断电源
            </div>
            <div class="code-name">.icon_UPS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Windows"></span>
            <div class="name">
              Windows服务器
            </div>
            <div class="code-name">.icon_Windows
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AIX"></span>
            <div class="name">
              AIX服务器
            </div>
            <div class="code-name">.icon_AIX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ATS"></span>
            <div class="name">
              ATS自动转换开关电器
            </div>
            <div class="code-name">.icon_ATS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CSE"></span>
            <div class="name">
              CSE微服务引擎
            </div>
            <div class="code-name">.icon_CSE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ActiveMQ"></span>
            <div class="name">
              Active消息队列系统
            </div>
            <div class="code-name">.icon_ActiveMQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AliCloud"></span>
            <div class="name">
              阿里云Logo
            </div>
            <div class="code-name">.icon_AliCloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_API"></span>
            <div class="name">
              API应用程序编程接口
            </div>
            <div class="code-name">.icon_API
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AliPlatform"></span>
            <div class="name">
              阿里平台
            </div>
            <div class="code-name">.icon_AliPlatform
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_EVS"></span>
            <div class="name">
              华为云EVS弹性虚拟交换机
            </div>
            <div class="code-name">.icon_EVS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ELB"></span>
            <div class="name">
              华为ELB弹性负载均衡器
            </div>
            <div class="code-name">.icon_ELB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DMData"></span>
            <div class="name">
              达梦数据库
            </div>
            <div class="code-name">.icon_DMData
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_EIP"></span>
            <div class="name">
              EIP弹性公网IP地址服务
            </div>
            <div class="code-name">.icon_EIP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Docker"></span>
            <div class="name">
              Docker虚拟容器
            </div>
            <div class="code-name">.icon_Docker
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ECS"></span>
            <div class="name">
              ECS弹性计算服务
            </div>
            <div class="code-name">.icon_ECS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DB2"></span>
            <div class="name">
              IBM数据库
            </div>
            <div class="code-name">.icon_DB2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DWS"></span>
            <div class="name">
              华为DWS数据仓库服务
            </div>
            <div class="code-name">.icon_DWS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DCS"></span>
            <div class="name">
              DCS分布式缓存服务
            </div>
            <div class="code-name">.icon_DCS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DataHub"></span>
            <div class="name">
              DataHub流式数据处理平台
            </div>
            <div class="code-name">.icon_DataHub
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CDL"></span>
            <div class="name">
              CDL云专线
            </div>
            <div class="code-name">.icon_CDL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DAYU"></span>
            <div class="name">
              华为Dayu智能数据湖运营平台
            </div>
            <div class="code-name">.icon_DAYU
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_DDS"></span>
            <div class="name">
              DDS文档数据库服务
            </div>
            <div class="code-name">.icon_DDS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Dataworks"></span>
            <div class="name">
              Dataworks数据工场
            </div>
            <div class="code-name">.icon_Dataworks
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_CCE"></span>
            <div class="name">
              华为云CCE容器引擎
            </div>
            <div class="code-name">.icon_CCE
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Logstash"></span>
            <div class="name">
              Logstash日志收集器
            </div>
            <div class="code-name">.icon_Logstash
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_JBoss"></span>
            <div class="name">
              Jboss应用服务器
            </div>
            <div class="code-name">.icon_JBoss
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_K8s"></span>
            <div class="name">
              K8S容器编排管理系统
            </div>
            <div class="code-name">.icon_K8s
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Kafka"></span>
            <div class="name">
              Kafka分布式发布订阅消息系统
            </div>
            <div class="code-name">.icon_Kafka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HuaweiCloud"></span>
            <div class="name">
              华为云Logo
            </div>
            <div class="code-name">.icon_HuaweiCloud
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_AliHologres"></span>
            <div class="name">
              阿里Hologres实时数仓
            </div>
            <div class="code-name">.icon_AliHologres
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_HuaweiPlatform"></span>
            <div class="name">
              华为平台
            </div>
            <div class="code-name">.icon_HuaweiPlatform
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_IIS"></span>
            <div class="name">
              互联网信息服务
            </div>
            <div class="code-name">.icon_IIS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Hbase"></span>
            <div class="name">
              Hbase面向列的开源数据库
            </div>
            <div class="code-name">.icon_Hbase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Hadoop"></span>
            <div class="name">
              Hadoop分布式文件系统
            </div>
            <div class="code-name">.icon_Hadoop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_GaussDB"></span>
            <div class="name">
              GaussDB企业级数据库服务
            </div>
            <div class="code-name">.icon_GaussDB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ElasticSearch"></span>
            <div class="name">
              ES分布式搜索引擎
            </div>
            <div class="code-name">.icon_ElasticSearch
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_EDAS"></span>
            <div class="name">
              阿里EDAS企业分布式应用服务
            </div>
            <div class="code-name">.icon_EDAS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Flink"></span>
            <div class="name">
              Flink开源流处理框架
            </div>
            <div class="code-name">.icon_Flink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_RabbitMQ"></span>
            <div class="name">
              Rabbit消息队列系统
            </div>
            <div class="code-name">.icon_RabbitMQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_RDS"></span>
            <div class="name">
              RDS关系型数据库服务
            </div>
            <div class="code-name">.icon_RDS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Oracle"></span>
            <div class="name">
              甲骨文数据库
            </div>
            <div class="code-name">.icon_Oracle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_OpenStack"></span>
            <div class="name">
              OpenStack云计算管理平台
            </div>
            <div class="code-name">.icon_OpenStack
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_MRS"></span>
            <div class="name">
              华为云MRS大数据服务
            </div>
            <div class="code-name">.icon_MRS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_OBS"></span>
            <div class="name">
              华为云OBS对象存储服务
            </div>
            <div class="code-name">.icon_OBS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_NAS"></span>
            <div class="name">
              阿里NAS网络附属存储
            </div>
            <div class="code-name">.icon_NAS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Nginx"></span>
            <div class="name">
              Nginx反向代理服务器
            </div>
            <div class="code-name">.icon_Nginx
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_NAT"></span>
            <div class="name">
              网络地址转换
            </div>
            <div class="code-name">.icon_NAT
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_MaxCompute"></span>
            <div class="name">
              阿里Maxcompute云原生大数据计算服务
            </div>
            <div class="code-name">.icon_MaxCompute
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_MongoDB"></span>
            <div class="name">
              MongoDB数据库
            </div>
            <div class="code-name">.icon_MongoDB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Memcached"></span>
            <div class="name">
              Memcached分布式高速缓存系统
            </div>
            <div class="code-name">.icon_Memcached
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_LTS"></span>
            <div class="name">
              华为 LTS云日志服务
            </div>
            <div class="code-name">.icon_LTS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_KVM"></span>
            <div class="name">
              KVM内核虚拟机
            </div>
            <div class="code-name">.icon_KVM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Kingbase"></span>
            <div class="name">
              人大金仓数据库
            </div>
            <div class="code-name">.icon_Kingbase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_VM"></span>
            <div class="name">
              虚拟机
            </div>
            <div class="code-name">.icon_VM
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Sybase"></span>
            <div class="name">
              Sybase数据库
            </div>
            <div class="code-name">.icon_Sybase
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SLS"></span>
            <div class="name">
              阿里SLS简单日志服务
            </div>
            <div class="code-name">.icon_SLS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SqlServer"></span>
            <div class="name">
              微软数据库
            </div>
            <div class="code-name">.icon_SqlServer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Solr"></span>
            <div class="name">
              企业级搜索
            </div>
            <div class="code-name">.icon_Solr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SLB"></span>
            <div class="name">
              阿里SLB负载均衡
            </div>
            <div class="code-name">.icon_SLB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_OSS"></span>
            <div class="name">
              阿里云OSS对象存储服务
            </div>
            <div class="code-name">.icon_OSS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_RocketMQ"></span>
            <div class="name">
              Rocket消息队列系统
            </div>
            <div class="code-name">.icon_RocketMQ
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_SFS"></span>
            <div class="name">
              华为SFS弹性文件服务
            </div>
            <div class="code-name">.icon_SFS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Redis"></span>
            <div class="name">
              远程字典服务器
            </div>
            <div class="code-name">.icon_Redis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_PostgreSQL"></span>
            <div class="name">
              Postgres数据库
            </div>
            <div class="code-name">.icon_PostgreSQL
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_OTS"></span>
            <div class="name">
              阿里OTS表格存储服务
            </div>
            <div class="code-name">.icon_OTS
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_VMWare"></span>
            <div class="name">
              VM虚拟机
            </div>
            <div class="code-name">.icon_VMWare
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Zookeeper"></span>
            <div class="name">
              Zookeeper分布式协调服务
            </div>
            <div class="code-name">.icon_Zookeeper
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_ACK"></span>
            <div class="name">
              阿里云ACK容器引擎
            </div>
            <div class="code-name">.icon_ACK
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_VPC"></span>
            <div class="name">
              VPC虚拟专有网络服务/虚拟私有云
            </div>
            <div class="code-name">.icon_VPC
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Weblogic"></span>
            <div class="name">
              Weblogic分布式应用服务
            </div>
            <div class="code-name">.icon_Weblogic
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Tomcat"></span>
            <div class="name">
              Tomcat应用服务器
            </div>
            <div class="code-name">.icon_Tomcat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_UDPN"></span>
            <div class="name">
              高速通道
            </div>
            <div class="code-name">.icon_UDPN
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Hive"></span>
            <div class="name">
              蜜蜂数据仓库
            </div>
            <div class="code-name">.icon_Hive
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Infors"></span>
            <div class="name">
              中创中间件
            </div>
            <div class="code-name">.icon_Infors
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_homeBack"></use>
                </svg>
                <div class="name">icon_homeBack</div>
                <div class="code-name">#icon_homeBack</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_boxplot"></use>
                </svg>
                <div class="name">盒须图</div>
                <div class="code-name">#icon_boxplot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_bar"></use>
                </svg>
                <div class="name">柱图</div>
                <div class="code-name">#icon_bar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_radar"></use>
                </svg>
                <div class="name">雷达图</div>
                <div class="code-name">#icon_radar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_scatter"></use>
                </svg>
                <div class="name">散点图</div>
                <div class="code-name">#icon_scatter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_heatmap"></use>
                </svg>
                <div class="name">热力图</div>
                <div class="code-name">#icon_heatmap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_line"></use>
                </svg>
                <div class="name">线图</div>
                <div class="code-name">#icon_line</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_GEO"></use>
                </svg>
                <div class="name">地理坐标图</div>
                <div class="code-name">#icon_GEO</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_graph"></use>
                </svg>
                <div class="name">关系图</div>
                <div class="code-name">#icon_graph</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_pie"></use>
                </svg>
                <div class="name">饼图</div>
                <div class="code-name">#icon_pie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_candlestick"></use>
                </svg>
                <div class="name">K线图</div>
                <div class="code-name">#icon_candlestick</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_pictorialBar"></use>
                </svg>
                <div class="name">象形柱图</div>
                <div class="code-name">#icon_pictorialBar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_lines"></use>
                </svg>
                <div class="name">路径图</div>
                <div class="code-name">#icon_lines</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_parallel"></use>
                </svg>
                <div class="name">平行坐标系</div>
                <div class="code-name">#icon_parallel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_gange"></use>
                </svg>
                <div class="name">仪表盘</div>
                <div class="code-name">#icon_gange</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_treemap"></use>
                </svg>
                <div class="name">矩形树图</div>
                <div class="code-name">#icon_treemap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_funnel"></use>
                </svg>
                <div class="name">漏斗图</div>
                <div class="code-name">#icon_funnel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_tree"></use>
                </svg>
                <div class="name">树图</div>
                <div class="code-name">#icon_tree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_calendar"></use>
                </svg>
                <div class="name">日历坐标系</div>
                <div class="code-name">#icon_calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataZoom"></use>
                </svg>
                <div class="name">数据区域缩放图</div>
                <div class="code-name">#icon_dataZoom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataset"></use>
                </svg>
                <div class="name">图形组件图</div>
                <div class="code-name">#icon_dataset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_custom"></use>
                </svg>
                <div class="name">自定义系列图</div>
                <div class="code-name">#icon_custom</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_rich"></use>
                </svg>
                <div class="name">富文本图</div>
                <div class="code-name">#icon_rich</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_GL"></use>
                </svg>
                <div class="name">3D图</div>
                <div class="code-name">#icon_GL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_sunburst"></use>
                </svg>
                <div class="name">旭日图</div>
                <div class="code-name">#icon_sunburst</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_themeriver"></use>
                </svg>
                <div class="name">主题河流图</div>
                <div class="code-name">#icon_themeriver</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_sankey"></use>
                </svg>
                <div class="name">桑基图</div>
                <div class="code-name">#icon_sankey</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_drag1"></use>
                </svg>
                <div class="name">图形组件图</div>
                <div class="code-name">#icon_drag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_refresh"></use>
                </svg>
                <div class="name">刷新/更新/重新载入</div>
                <div class="code-name">#icon_refresh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_success_a"></use>
                </svg>
                <div class="name">确定(全色)/完成/结束/勾选/正确</div>
                <div class="code-name">#icon_success_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_history_s"></use>
                </svg>
                <div class="name">历史记录(面型)</div>
                <div class="code-name">#icon_history_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ceb"></use>
                </svg>
                <div class="name">CEB文件</div>
                <div class="code-name">#icon_ceb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_txt"></use>
                </svg>
                <div class="name">纯文本文件(txt、json、csv等)</div>
                <div class="code-name">#icon_txt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_pdf"></use>
                </svg>
                <div class="name">PDF文件</div>
                <div class="code-name">#icon_pdf</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_rar"></use>
                </svg>
                <div class="name">压缩包文件(rar、zip、7z等)</div>
                <div class="code-name">#icon_rar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_other"></use>
                </svg>
                <div class="name">其他格式文件</div>
                <div class="code-name">#icon_other</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_img"></use>
                </svg>
                <div class="name">图片文件(jpg、png、gif、bmp等)</div>
                <div class="code-name">#icon_img</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_doc"></use>
                </svg>
                <div class="name">Word文件(doc、docx)</div>
                <div class="code-name">#icon_doc</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ppt"></use>
                </svg>
                <div class="name">PPT文件(ppt、pptx)</div>
                <div class="code-name">#icon_ppt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xls"></use>
                </svg>
                <div class="name">Excel文件(xls、xlsx)</div>
                <div class="code-name">#icon_xls</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_chrome_a"></use>
                </svg>
                <div class="name">谷歌Chrome浏览器</div>
                <div class="code-name">#icon_chrome_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_firefox_a"></use>
                </svg>
                <div class="name">火狐Firefox浏览器</div>
                <div class="code-name">#icon_firefox_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_firefox"></use>
                </svg>
                <div class="name">firefox浏览器</div>
                <div class="code-name">#icon_firefox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_IE"></use>
                </svg>
                <div class="name">IE浏览器</div>
                <div class="code-name">#icon_IE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_edge_a"></use>
                </svg>
                <div class="name">Edge浏览器</div>
                <div class="code-name">#icon_edge_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_setup"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon_setup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_orderInquiry"></use>
                </svg>
                <div class="name">工单查询</div>
                <div class="code-name">#icon_orderInquiry</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_appMonitor"></use>
                </svg>
                <div class="name">icon_appMonitor</div>
                <div class="code-name">#icon_appMonitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateManage_s"></use>
                </svg>
                <div class="name">作业管理</div>
                <div class="code-name">#icon_operateManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataAnalysis_s"></use>
                </svg>
                <div class="name">分析管理</div>
                <div class="code-name">#icon_dataAnalysis_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_processService_s"></use>
                </svg>
                <div class="name">流程服务</div>
                <div class="code-name">#icon_processService_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_mobileService_s"></use>
                </svg>
                <div class="name">移动服务</div>
                <div class="code-name">#icon_mobileService_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_monitorManage_s"></use>
                </svg>
                <div class="name">监测管理</div>
                <div class="code-name">#icon_monitorManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_permissManage_s"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#icon_permissManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_datasManage_s"></use>
                </svg>
                <div class="name">资源配置</div>
                <div class="code-name">#icon_datasManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_continueDeliver_s"></use>
                </svg>
                <div class="name">持续交付</div>
                <div class="code-name">#icon_continueDeliver_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_layout"></use>
                </svg>
                <div class="name">页面布局</div>
                <div class="code-name">#icon_layout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataManage"></use>
                </svg>
                <div class="name">数据治理</div>
                <div class="code-name">#icon_dataManage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AliCloudEn"></use>
                </svg>
                <div class="name">阿里云英文Logo</div>
                <div class="code-name">#icon_AliCloudEn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HuaweiCloudEn"></use>
                </svg>
                <div class="name">华为云英文Logo</div>
                <div class="code-name">#icon_HuaweiCloudEn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_FirewallRed_d"></use>
                </svg>
                <div class="name">红色防火墙(3D)</div>
                <div class="code-name">#icon_FirewallRed_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_FirewallBlue_d"></use>
                </svg>
                <div class="name">蓝色防火墙(3D)</div>
                <div class="code-name">#icon_FirewallBlue_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_stackSwitch_d"></use>
                </svg>
                <div class="name">堆叠交换机</div>
                <div class="code-name">#icon_stackSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_networkSwitch_d"></use>
                </svg>
                <div class="name">网管交换机</div>
                <div class="code-name">#icon_networkSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataArts"></use>
                </svg>
                <div class="name">数据治理中心</div>
                <div class="code-name">#icon_dataArts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SGUEP"></use>
                </svg>
                <div class="name">国网UEP数据交互平台</div>
                <div class="code-name">#icon_SGUEP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_QuickBI"></use>
                </svg>
                <div class="name">阿里QuickBI商业智能分析</div>
                <div class="code-name">#icon_QuickBI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_UEP"></use>
                </svg>
                <div class="name">UEP数据交互平台</div>
                <div class="code-name">#icon_UEP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_TSDB"></use>
                </svg>
                <div class="name">阿里TSDB时序数据库系统</div>
                <div class="code-name">#icon_TSDB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DataQuotient"></use>
                </svg>
                <div class="name">阿里DataQ标签画像管理中台</div>
                <div class="code-name">#icon_DataQuotient</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Blink"></use>
                </svg>
                <div class="name">阿里Blink实时计算引擎</div>
                <div class="code-name">#icon_Blink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_GraphCompute"></use>
                </svg>
                <div class="name">阿里GC图形计算服务</div>
                <div class="code-name">#icon_GraphCompute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DRS"></use>
                </svg>
                <div class="name">阿里DRS数据库容灾备份服务</div>
                <div class="code-name">#icon_DRS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_BCC"></use>
                </svg>
                <div class="name">阿里BCC大数据管家</div>
                <div class="code-name">#icon_BCC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SGVCS"></use>
                </svg>
                <div class="name">国网VCS无功补偿系统</div>
                <div class="code-name">#icon_SGVCS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SGAPS"></use>
                </svg>
                <div class="name">国网APS智能排产系统</div>
                <div class="code-name">#icon_SGAPS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_spark"></use>
                </svg>
                <div class="name">Spark大规模数据处理框架</div>
                <div class="code-name">#icon_spark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_middlePlatform"></use>
                </svg>
                <div class="name">数据中台</div>
                <div class="code-name">#icon_middlePlatform</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_menuUnfold"></use>
                </svg>
                <div class="name">菜单展开</div>
                <div class="code-name">#icon_menuUnfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_menuFold"></use>
                </svg>
                <div class="name">菜单收起</div>
                <div class="code-name">#icon_menuFold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fit"></use>
                </svg>
                <div class="name">匹配度/目标</div>
                <div class="code-name">#icon_fit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_rightUnfold"></use>
                </svg>
                <div class="name">向右展开</div>
                <div class="code-name">#icon_rightUnfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leftFold"></use>
                </svg>
                <div class="name">向左收起</div>
                <div class="code-name">#icon_leftFold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_del_s"></use>
                </svg>
                <div class="name">删除/展开树(面型)</div>
                <div class="code-name">#icon_del_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_add_s"></use>
                </svg>
                <div class="name">添加/收起树(面型)</div>
                <div class="code-name">#icon_add_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_titleBgTrapezium"></use>
                </svg>
                <div class="name">梯形标题背景</div>
                <div class="code-name">#icon_titleBgTrapezium</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_titleBgParallelogram"></use>
                </svg>
                <div class="name">平行四边形标题背景</div>
                <div class="code-name">#icon_titleBgParallelogram</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fitHigh"></use>
                </svg>
                <div class="name">高匹配度</div>
                <div class="code-name">#icon_fitHigh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fitStar"></use>
                </svg>
                <div class="name">中匹配度</div>
                <div class="code-name">#icon_fitStar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fitLow"></use>
                </svg>
                <div class="name">低匹配度</div>
                <div class="code-name">#icon_fitLow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_save"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon_save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_titleArrow"></use>
                </svg>
                <div class="name">箭头标题</div>
                <div class="code-name">#icon_titleArrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_titleLine"></use>
                </svg>
                <div class="name">线型标题</div>
                <div class="code-name">#icon_titleLine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_hopper"></use>
                </svg>
                <div class="name">漏斗/过滤器</div>
                <div class="code-name">#icon_hopper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_web"></use>
                </svg>
                <div class="name">Web端/网页端</div>
                <div class="code-name">#icon_web</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_assemblyMachine"></use>
                </svg>
                <div class="name">PC电脑/组装机</div>
                <div class="code-name">#icon_assemblyMachine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_host"></use>
                </svg>
                <div class="name">主机</div>
                <div class="code-name">#icon_host</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_vCPU"></use>
                </svg>
                <div class="name">虚拟中央处理器</div>
                <div class="code-name">#icon_vCPU</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_mobilePhone"></use>
                </svg>
                <div class="name">手机/移动端</div>
                <div class="code-name">#icon_mobilePhone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_PC"></use>
                </svg>
                <div class="name">PC机/PC端/电脑端/显示器</div>
                <div class="code-name">#icon_PC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_storage"></use>
                </svg>
                <div class="name">存储设备</div>
                <div class="code-name">#icon_storage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_safetyDevice"></use>
                </svg>
                <div class="name">安全设备</div>
                <div class="code-name">#icon_safetyDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_externalDevice"></use>
                </svg>
                <div class="name">其他外部设备</div>
                <div class="code-name">#icon_externalDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_screenDevice"></use>
                </svg>
                <div class="name">屏幕设备</div>
                <div class="code-name">#icon_screenDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_projector"></use>
                </svg>
                <div class="name">投影仪</div>
                <div class="code-name">#icon_projector</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_IPDevice"></use>
                </svg>
                <div class="name">IP地址管理设备</div>
                <div class="code-name">#icon_IPDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SDN"></use>
                </svg>
                <div class="name">SDN交换机</div>
                <div class="code-name">#icon_SDN</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_networkDevice"></use>
                </svg>
                <div class="name">其他网络设备</div>
                <div class="code-name">#icon_networkDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_printer"></use>
                </svg>
                <div class="name">打印机</div>
                <div class="code-name">#icon_printer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_officeDevice"></use>
                </svg>
                <div class="name">办公设备</div>
                <div class="code-name">#icon_officeDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_scanner"></use>
                </svg>
                <div class="name">扫描仪</div>
                <div class="code-name">#icon_scanner</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_photocopyingMachine"></use>
                </svg>
                <div class="name">影印一体机</div>
                <div class="code-name">#icon_photocopyingMachine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fax"></use>
                </svg>
                <div class="name">传真机</div>
                <div class="code-name">#icon_fax</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_copier"></use>
                </svg>
                <div class="name">复印件</div>
                <div class="code-name">#icon_copier</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_graphPlotter"></use>
                </svg>
                <div class="name">数字式绘图仪/数位屏</div>
                <div class="code-name">#icon_graphPlotter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SBC"></use>
                </svg>
                <div class="name">SBC设备</div>
                <div class="code-name">#icon_SBC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_voiceGateway"></use>
                </svg>
                <div class="name">语音网关</div>
                <div class="code-name">#icon_voiceGateway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_networkCircuit"></use>
                </svg>
                <div class="name">网络电路</div>
                <div class="code-name">#icon_networkCircuit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_opticalSwitches"></use>
                </svg>
                <div class="name">光纤交换机</div>
                <div class="code-name">#icon_opticalSwitches</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_protocolConvert"></use>
                </svg>
                <div class="name">协议转换器</div>
                <div class="code-name">#icon_protocolConvert</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_storageGateway"></use>
                </svg>
                <div class="name">存储网关</div>
                <div class="code-name">#icon_storageGateway</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_webRouter"></use>
                </svg>
                <div class="name">网络路由器</div>
                <div class="code-name">#icon_webRouter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_webSwitch"></use>
                </svg>
                <div class="name">网络交换机</div>
                <div class="code-name">#icon_webSwitch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_hub"></use>
                </svg>
                <div class="name">集线器</div>
                <div class="code-name">#icon_hub</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_accessDevice"></use>
                </svg>
                <div class="name">无线接入设备</div>
                <div class="code-name">#icon_accessDevice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_distributedStorage"></use>
                </svg>
                <div class="name">分布式存储</div>
                <div class="code-name">#icon_distributedStorage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_virtualTapeLibrary"></use>
                </svg>
                <div class="name">虚拟带库</div>
                <div class="code-name">#icon_virtualTapeLibrary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_storageSwitch"></use>
                </svg>
                <div class="name">存储交换机</div>
                <div class="code-name">#icon_storageSwitch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_tapeLibrary"></use>
                </svg>
                <div class="name">磁带库</div>
                <div class="code-name">#icon_tapeLibrary</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_diskArray"></use>
                </svg>
                <div class="name">磁盘阵列</div>
                <div class="code-name">#icon_diskArray</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AIO"></use>
                </svg>
                <div class="name">一体机</div>
                <div class="code-name">#icon_AIO</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_miniServer"></use>
                </svg>
                <div class="name">小型机/小型服务器/微型服务器</div>
                <div class="code-name">#icon_miniServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_specialServer"></use>
                </svg>
                <div class="name">专用服务器</div>
                <div class="code-name">#icon_specialServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_IPC"></use>
                </svg>
                <div class="name">工控机</div>
                <div class="code-name">#icon_IPC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_customServer"></use>
                </svg>
                <div class="name">定制化服务器</div>
                <div class="code-name">#icon_customServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_GPUServer"></use>
                </svg>
                <div class="name">GPU服务器</div>
                <div class="code-name">#icon_GPUServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_agent"></use>
                </svg>
                <div class="name">agent</div>
                <div class="code-name">#icon_agent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_executeScript"></use>
                </svg>
                <div class="name">执行脚本</div>
                <div class="code-name">#icon_executeScript</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_PCServer"></use>
                </svg>
                <div class="name">PC服务器</div>
                <div class="code-name">#icon_PCServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_bladeServer"></use>
                </svg>
                <div class="name">刀片机/刀片服务器</div>
                <div class="code-name">#icon_bladeServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_copy"></use>
                </svg>
                <div class="name">复制/拷贝</div>
                <div class="code-name">#icon_copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leadingRate"></use>
                </svg>
                <div class="name">主业主导率</div>
                <div class="code-name">#icon_leadingRate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_autonomyRate"></use>
                </svg>
                <div class="name">主业自主率/VIP会员</div>
                <div class="code-name">#icon_autonomyRate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_controlRate"></use>
                </svg>
                <div class="name">主业管控率</div>
                <div class="code-name">#icon_controlRate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_clear"></use>
                </svg>
                <div class="name">清空/删除</div>
                <div class="code-name">#icon_clear</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_levelMedium"></use>
                </svg>
                <div class="name">中级/中等级别</div>
                <div class="code-name">#icon_levelMedium</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_levelHigh"></use>
                </svg>
                <div class="name">高级/高等级别</div>
                <div class="code-name">#icon_levelHigh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_levelWeak"></use>
                </svg>
                <div class="name">轻级/轻微级别</div>
                <div class="code-name">#icon_levelWeak</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_levelLow"></use>
                </svg>
                <div class="name">低级/低等级别</div>
                <div class="code-name">#icon_levelLow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_read"></use>
                </svg>
                <div class="name">已读/已阅/已打开</div>
                <div class="code-name">#icon_read</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_unread"></use>
                </svg>
                <div class="name">未读/未阅/未打开</div>
                <div class="code-name">#icon_unread</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_help"></use>
                </svg>
                <div class="name">帮助中心/问题中心/疑问</div>
                <div class="code-name">#icon_help</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_mouseDisabled"></use>
                </svg>
                <div class="name">鼠标禁用</div>
                <div class="code-name">#icon_mouseDisabled</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_mouseDeault"></use>
                </svg>
                <div class="name">鼠标默认</div>
                <div class="code-name">#icon_mouseDeault</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_mousePointer"></use>
                </svg>
                <div class="name">单击/鼠标悬停/鼠标经过/鼠标滑过</div>
                <div class="code-name">#icon_mousePointer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_finger"></use>
                </svg>
                <div class="name">指示/引导</div>
                <div class="code-name">#icon_finger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_risingUsers"></use>
                </svg>
                <div class="name">上升用户数</div>
                <div class="code-name">#icon_risingUsers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_registerUsers"></use>
                </svg>
                <div class="name">用户注册数</div>
                <div class="code-name">#icon_registerUsers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_activeUsers"></use>
                </svg>
                <div class="name">日活跃用户数</div>
                <div class="code-name">#icon_activeUsers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_reservedUsers"></use>
                </svg>
                <div class="name">零活跃用户数</div>
                <div class="code-name">#icon_reservedUsers</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_function"></use>
                </svg>
                <div class="name">功能菜单/菜单点击总数</div>
                <div class="code-name">#icon_function</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_clickRate"></use>
                </svg>
                <div class="name">点击率</div>
                <div class="code-name">#icon_clickRate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_attack"></use>
                </svg>
                <div class="name">目标/攻击威胁</div>
                <div class="code-name">#icon_attack</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_asset"></use>
                </svg>
                <div class="name">资产/数据库</div>
                <div class="code-name">#icon_asset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_bastionHost"></use>
                </svg>
                <div class="name">堡垒机/安全保障系统</div>
                <div class="code-name">#icon_bastionHost</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_display"></use>
                </svg>
                <div class="name">显示器</div>
                <div class="code-name">#icon_display</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_faceDetect"></use>
                </svg>
                <div class="name">人脸识别/扫脸</div>
                <div class="code-name">#icon_faceDetect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_lock"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#icon_lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_unlock"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon_unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_close"></use>
                </svg>
                <div class="name">关闭/删除(线框)</div>
                <div class="code-name">#icon_close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_closeClip"></use>
                </svg>
                <div class="name">关闭/删除</div>
                <div class="code-name">#icon_closeClip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_application_s"></use>
                </svg>
                <div class="name">应用/应用程序/应用系统</div>
                <div class="code-name">#icon_application_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_graphyManage_s"></use>
                </svg>
                <div class="name">图形管理</div>
                <div class="code-name">#icon_graphyManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_reportManage_s"></use>
                </svg>
                <div class="name">报表管理</div>
                <div class="code-name">#icon_reportManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_workOrder_s"></use>
                </svg>
                <div class="name">我的工单</div>
                <div class="code-name">#icon_workOrder_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateMode"></use>
                </svg>
                <div class="name">运行方式</div>
                <div class="code-name">#icon_operateMode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateMonitor"></use>
                </svg>
                <div class="name">运行监控</div>
                <div class="code-name">#icon_operateMonitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dispatchCoordinate"></use>
                </svg>
                <div class="name">调度协同</div>
                <div class="code-name">#icon_dispatchCoordinate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateManage"></use>
                </svg>
                <div class="name">运行管理</div>
                <div class="code-name">#icon_operateManage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_platformOperate"></use>
                </svg>
                <div class="name">平台运营</div>
                <div class="code-name">#icon_platformOperate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_serviceSupport_s"></use>
                </svg>
                <div class="name">服务支撑</div>
                <div class="code-name">#icon_serviceSupport_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_thirdLine_s"></use>
                </svg>
                <div class="name">三线管理</div>
                <div class="code-name">#icon_thirdLine_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateAudit_s"></use>
                </svg>
                <div class="name">操作审计管理</div>
                <div class="code-name">#icon_operateAudit_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_integrationManage_s"></use>
                </svg>
                <div class="name">集成服务管理</div>
                <div class="code-name">#icon_integrationManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_acquireManage_s"></use>
                </svg>
                <div class="name">采集管理</div>
                <div class="code-name">#icon_acquireManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_reportConfig_s"></use>
                </svg>
                <div class="name">报表配置管理</div>
                <div class="code-name">#icon_reportConfig_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_del"></use>
                </svg>
                <div class="name">删除/收起</div>
                <div class="code-name">#icon_del</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_add"></use>
                </svg>
                <div class="name">添加/展开</div>
                <div class="code-name">#icon_add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_transmitBox"></use>
                </svg>
                <div class="name">级联总部/传输盒</div>
                <div class="code-name">#icon_transmitBox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_group"></use>
                </svg>
                <div class="name">集群/群组</div>
                <div class="code-name">#icon_group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_drag"></use>
                </svg>
                <div class="name">拖拽排序/子标题/二级标题</div>
                <div class="code-name">#icon_drag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_moveUp"></use>
                </svg>
                <div class="name">上移/向上移动</div>
                <div class="code-name">#icon_moveUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_moveDown"></use>
                </svg>
                <div class="name">下移/向下移动</div>
                <div class="code-name">#icon_moveDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_moveLeft"></use>
                </svg>
                <div class="name">左移/向左移动</div>
                <div class="code-name">#icon_moveLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_moveRight"></use>
                </svg>
                <div class="name">右移/向右移动</div>
                <div class="code-name">#icon_moveRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_APM"></use>
                </svg>
                <div class="name">华为APM应用性能管理</div>
                <div class="code-name">#icon_APM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AOM"></use>
                </svg>
                <div class="name">华为AOM应用运维管理</div>
                <div class="code-name">#icon_AOM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ServiceStage"></use>
                </svg>
                <div class="name">应用管理运维平台</div>
                <div class="code-name">#icon_ServiceStage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ROMA"></use>
                </svg>
                <div class="name">华为ROMA应用数据集成平台</div>
                <div class="code-name">#icon_ROMA</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fault"></use>
                </svg>
                <div class="name">故障</div>
                <div class="code-name">#icon_fault</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_deploy"></use>
                </svg>
                <div class="name">调度管理</div>
                <div class="code-name">#icon_deploy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_inspection"></use>
                </svg>
                <div class="name">运检管理</div>
                <div class="code-name">#icon_inspection</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DRDS"></use>
                </svg>
                <div class="name">阿里DRDS分布式关系型数据库服务</div>
                <div class="code-name">#icon_DRDS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HuaweiGaussDB"></use>
                </svg>
                <div class="name">华为GaussDB企业级数据库服务</div>
                <div class="code-name">#icon_HuaweiGaussDB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_default"></use>
                </svg>
                <div class="name">默认/系统配置</div>
                <div class="code-name">#icon_default</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_public"></use>
                </svg>
                <div class="name">公共服务</div>
                <div class="code-name">#icon_public</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_titleSub"></use>
                </svg>
                <div class="name">子标题</div>
                <div class="code-name">#icon_titleSub</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_monitor"></use>
                </svg>
                <div class="name">显示屏/监测系统/分析系统</div>
                <div class="code-name">#icon_monitor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifySuccess"></use>
                </svg>
                <div class="name">验证成功</div>
                <div class="code-name">#icon_verifySuccess</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyFailed"></use>
                </svg>
                <div class="name">验证失败</div>
                <div class="code-name">#icon_verifyFailed</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyNo"></use>
                </svg>
                <div class="name">未验证</div>
                <div class="code-name">#icon_verifyNo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifying"></use>
                </svg>
                <div class="name">验证中</div>
                <div class="code-name">#icon_verifying</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyException"></use>
                </svg>
                <div class="name">验证异常</div>
                <div class="code-name">#icon_verifyException</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyDataDifferent"></use>
                </svg>
                <div class="name">验证数据不一致</div>
                <div class="code-name">#icon_verifyDataDifferent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyInterfaceFailure"></use>
                </svg>
                <div class="name">验证接口故障</div>
                <div class="code-name">#icon_verifyInterfaceFailure</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_verifyAI"></use>
                </svg>
                <div class="name">智能验证</div>
                <div class="code-name">#icon_verifyAI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_calculateAI"></use>
                </svg>
                <div class="name">智能测算</div>
                <div class="code-name">#icon_calculateAI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_estimateAI"></use>
                </svg>
                <div class="name">智能估算</div>
                <div class="code-name">#icon_estimateAI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_oneClickExecute"></use>
                </svg>
                <div class="name">一键验证/一键执行</div>
                <div class="code-name">#icon_oneClickExecute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CLB"></use>
                </svg>
                <div class="name">CLB云负载均衡</div>
                <div class="code-name">#icon_CLB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverT"></use>
                </svg>
                <div class="name">特殊/特别</div>
                <div class="code-name">#icon_leverT</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverOne"></use>
                </svg>
                <div class="name">一段</div>
                <div class="code-name">#icon_leverOne</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverTwo"></use>
                </svg>
                <div class="name">二段</div>
                <div class="code-name">#icon_leverTwo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverThree"></use>
                </svg>
                <div class="name">三段</div>
                <div class="code-name">#icon_leverThree</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverI"></use>
                </svg>
                <div class="name">I级</div>
                <div class="code-name">#icon_leverI</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverII"></use>
                </svg>
                <div class="name">II级</div>
                <div class="code-name">#icon_leverII</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverIII"></use>
                </svg>
                <div class="name">III级</div>
                <div class="code-name">#icon_leverIII</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverSuper"></use>
                </svg>
                <div class="name">特级系统</div>
                <div class="code-name">#icon_leverSuper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverFirst"></use>
                </svg>
                <div class="name">一级系统</div>
                <div class="code-name">#icon_leverFirst</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverSecond"></use>
                </svg>
                <div class="name">二级系统</div>
                <div class="code-name">#icon_leverSecond</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_leverThird"></use>
                </svg>
                <div class="name">三级系统</div>
                <div class="code-name">#icon_leverThird</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_keyData"></use>
                </svg>
                <div class="name">级联总部/上传关键数据</div>
                <div class="code-name">#icon_keyData</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_steering"></use>
                </svg>
                <div class="name">方向控制器</div>
                <div class="code-name">#icon_steering</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_nineScreen"></use>
                </svg>
                <div class="name">九分屏/九宫屏</div>
                <div class="code-name">#icon_nineScreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_oneScreen"></use>
                </svg>
                <div class="name">单屏/整屏/满屏</div>
                <div class="code-name">#icon_oneScreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fourScreen"></use>
                </svg>
                <div class="name">四分屏/四宫屏</div>
                <div class="code-name">#icon_fourScreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_sixScreen"></use>
                </svg>
                <div class="name">六分屏/六宫屏</div>
                <div class="code-name">#icon_sixScreen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_users"></use>
                </svg>
                <div class="name">用户群/用户数</div>
                <div class="code-name">#icon_users</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_systemSetup"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#icon_systemSetup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_files"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon_files</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_port"></use>
                </svg>
                <div class="name">端口/网口/RJ45</div>
                <div class="code-name">#icon_port</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_memory"></use>
                </svg>
                <div class="name">内存条/内存</div>
                <div class="code-name">#icon_memory</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CPU"></use>
                </svg>
                <div class="name">中央处理器</div>
                <div class="code-name">#icon_CPU</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_disk"></use>
                </svg>
                <div class="name">磁盘</div>
                <div class="code-name">#icon_disk</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_hexagon"></use>
                </svg>
                <div class="name">六边形</div>
                <div class="code-name">#icon_hexagon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#bg_left"></use>
                </svg>
                <div class="name">机柜左边框</div>
                <div class="code-name">#bg_left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#bg_right"></use>
                </svg>
                <div class="name">机柜右边框</div>
                <div class="code-name">#bg_right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_baseLayer"></use>
                </svg>
                <div class="name">基座</div>
                <div class="code-name">#icon_baseLayer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_serverU_d"></use>
                </svg>
                <div class="name">U位服务器</div>
                <div class="code-name">#icon_serverU_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_VRR_d"></use>
                </svg>
                <div class="name">虚拟路由反射器</div>
                <div class="code-name">#icon_VRR_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_centerRouter_d"></use>
                </svg>
                <div class="name">中心路由器</div>
                <div class="code-name">#icon_centerRouter_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_accessRouter_d"></use>
                </svg>
                <div class="name">接入路由器</div>
                <div class="code-name">#icon_accessRouter_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_convergeRouter_d"></use>
                </svg>
                <div class="name">汇聚路由器</div>
                <div class="code-name">#icon_convergeRouter_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_coreRouter_d"></use>
                </svg>
                <div class="name">核心路由器</div>
                <div class="code-name">#icon_coreRouter_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_router_d"></use>
                </svg>
                <div class="name">路由器</div>
                <div class="code-name">#icon_router_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_centerSwitch_d"></use>
                </svg>
                <div class="name">中心交换机</div>
                <div class="code-name">#icon_centerSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_accessSwitch_d"></use>
                </svg>
                <div class="name">接入交换机</div>
                <div class="code-name">#icon_accessSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_convergeSwitch_d"></use>
                </svg>
                <div class="name">汇聚交换机</div>
                <div class="code-name">#icon_convergeSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_coreSwitch_d"></use>
                </svg>
                <div class="name">核心交换机</div>
                <div class="code-name">#icon_coreSwitch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_switch_d"></use>
                </svg>
                <div class="name">交换机</div>
                <div class="code-name">#icon_switch_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_nodata"></use>
                </svg>
                <div class="name">暂无数据</div>
                <div class="code-name">#icon_nodata</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operateAnalysis_s"></use>
                </svg>
                <div class="name">运营分析</div>
                <div class="code-name">#icon_operateAnalysis_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_panoramaDisplay_s"></use>
                </svg>
                <div class="name">全景展示</div>
                <div class="code-name">#icon_panoramaDisplay_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_integrationService_s"></use>
                </svg>
                <div class="name">集成服务</div>
                <div class="code-name">#icon_integrationService_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_appWarehouse_s"></use>
                </svg>
                <div class="name">应用仓库</div>
                <div class="code-name">#icon_appWarehouse_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_all"></use>
                </svg>
                <div class="name">全部(功能菜单)</div>
                <div class="code-name">#icon_all</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_acquireControl_s"></use>
                </svg>
                <div class="name">采集控制</div>
                <div class="code-name">#icon_acquireControl_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_intelligentAlgorithm_s"></use>
                </svg>
                <div class="name">智能算法平台</div>
                <div class="code-name">#icon_intelligentAlgorithm_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_logAnalysis_s"></use>
                </svg>
                <div class="name">日志分析</div>
                <div class="code-name">#icon_logAnalysis_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_sceneManage_s"></use>
                </svg>
                <div class="name">场景管理</div>
                <div class="code-name">#icon_sceneManage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_colony_r"></use>
                </svg>
                <div class="name">云集群(反色/选中)</div>
                <div class="code-name">#icon_colony_r</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_colony_a"></use>
                </svg>
                <div class="name">云集群(全色)</div>
                <div class="code-name">#icon_colony_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_colony"></use>
                </svg>
                <div class="name">云集群</div>
                <div class="code-name">#icon_colony</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_close_a"></use>
                </svg>
                <div class="name">关闭(全色)/断开/中断/删除/取消</div>
                <div class="code-name">#icon_close_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_close_s"></use>
                </svg>
                <div class="name">关闭/断开/中断(面型)</div>
                <div class="code-name">#icon_close_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_tableSetup"></use>
                </svg>
                <div class="name">表格设置</div>
                <div class="code-name">#icon_tableSetup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_lineheight"></use>
                </svg>
                <div class="name">行高设置</div>
                <div class="code-name">#icon_lineheight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_tips_s"></use>
                </svg>
                <div class="name">提示(面型)</div>
                <div class="code-name">#icon_tips_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_warning_s"></use>
                </svg>
                <div class="name">警告(面型)</div>
                <div class="code-name">#icon_warning_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_attachment"></use>
                </svg>
                <div class="name">附件</div>
                <div class="code-name">#icon_attachment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_change_s"></use>
                </svg>
                <div class="name">切换</div>
                <div class="code-name">#icon_change_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_cursor_s"></use>
                </svg>
                <div class="name">游标/标记(面型)</div>
                <div class="code-name">#icon_cursor_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_upload_s"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#icon_upload_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_MySQL"></use>
                </svg>
                <div class="name">AB数据库</div>
                <div class="code-name">#icon_MySQL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dryHumidity"></use>
                </svg>
                <div class="name">湿度</div>
                <div class="code-name">#icon_dryHumidity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_thermodynamics"></use>
                </svg>
                <div class="name">温度</div>
                <div class="code-name">#icon_thermodynamics</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_capacity"></use>
                </svg>
                <div class="name">容量</div>
                <div class="code-name">#icon_capacity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_run"></use>
                </svg>
                <div class="name">运行/风扇/散热</div>
                <div class="code-name">#icon_run</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_no"></use>
                </svg>
                <div class="name">否/取消/删除/关闭</div>
                <div class="code-name">#icon_no</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_yes"></use>
                </svg>
                <div class="name">是/确定/确认/通过</div>
                <div class="code-name">#icon_yes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_connect"></use>
                </svg>
                <div class="name">连接/链接</div>
                <div class="code-name">#icon_connect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_break"></use>
                </svg>
                <div class="name">断开</div>
                <div class="code-name">#icon_break</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_info"></use>
                </svg>
                <div class="name">信息说明</div>
                <div class="code-name">#icon_info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_info_s"></use>
                </svg>
                <div class="name">信息说明(面型)</div>
                <div class="code-name">#icon_info_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_physicalMachine"></use>
                </svg>
                <div class="name">物理机</div>
                <div class="code-name">#icon_physicalMachine</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_saveSever_d"></use>
                </svg>
                <div class="name">存储服务器</div>
                <div class="code-name">#icon_saveSever_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_networkSwich_d"></use>
                </svg>
                <div class="name">网管交换机</div>
                <div class="code-name">#icon_networkSwich_d</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_position"></use>
                </svg>
                <div class="name">地理位置/坐标</div>
                <div class="code-name">#icon_position</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_EntranceGuard"></use>
                </svg>
                <div class="name">门禁</div>
                <div class="code-name">#icon_EntranceGuard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Aircondition"></use>
                </svg>
                <div class="name">空调</div>
                <div class="code-name">#icon_Aircondition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Camera"></use>
                </svg>
                <div class="name">摄像头</div>
                <div class="code-name">#icon_Camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Leakage"></use>
                </svg>
                <div class="name">漏水传感器</div>
                <div class="code-name">#icon_Leakage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_TempHumidity"></use>
                </svg>
                <div class="name">温湿度传感器</div>
                <div class="code-name">#icon_TempHumidity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SmokeDetector"></use>
                </svg>
                <div class="name">烟雾探测器/烟感</div>
                <div class="code-name">#icon_SmokeDetector</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Leakage_s"></use>
                </svg>
                <div class="name">漏水传感器(面型)</div>
                <div class="code-name">#icon_Leakage_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_EntranceGuard_s"></use>
                </svg>
                <div class="name">门禁(面型)</div>
                <div class="code-name">#icon_EntranceGuard_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Camera_s"></use>
                </svg>
                <div class="name">摄像头(面型)</div>
                <div class="code-name">#icon_Camera_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Aircondition_s"></use>
                </svg>
                <div class="name">空调(面型)</div>
                <div class="code-name">#icon_Aircondition_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_TempHumidity_s"></use>
                </svg>
                <div class="name">温湿度传感器(面型)</div>
                <div class="code-name">#icon_TempHumidity_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SmokeDetector_s"></use>
                </svg>
                <div class="name">烟雾探测器/烟感(面型)</div>
                <div class="code-name">#icon_SmokeDetector_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_back"></use>
                </svg>
                <div class="name">返回/上一步</div>
                <div class="code-name">#icon_back</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_building"></use>
                </svg>
                <div class="name">公司单位/地市数据中心/建筑大厦</div>
                <div class="code-name">#icon_building</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ECS_s"></use>
                </svg>
                <div class="name">ECS弹性计算服务(面型)</div>
                <div class="code-name">#icon_ECS_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ProvincePD"></use>
                </svg>
                <div class="name">网省物理设备</div>
                <div class="code-name">#icon_ProvincePD</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_onCloud"></use>
                </svg>
                <div class="name">云上</div>
                <div class="code-name">#icon_onCloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Huawei"></use>
                </svg>
                <div class="name">华为云</div>
                <div class="code-name">#icon_Huawei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Ali"></use>
                </svg>
                <div class="name">阿里云</div>
                <div class="code-name">#icon_Ali</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_infoDown"></use>
                </svg>
                <div class="name">下信息箭头/展开条件</div>
                <div class="code-name">#icon_infoDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_infoUp"></use>
                </svg>
                <div class="name">上信息箭头/收起条件</div>
                <div class="code-name">#icon_infoUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_infoRight"></use>
                </svg>
                <div class="name">右信息箭头</div>
                <div class="code-name">#icon_infoRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_infoLeft"></use>
                </svg>
                <div class="name">左信息箭头</div>
                <div class="code-name">#icon_infoLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_treeLeft_s"></use>
                </svg>
                <div class="name">左树箭头</div>
                <div class="code-name">#icon_treeLeft_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_treeDown_s"></use>
                </svg>
                <div class="name">下树箭头/展开树</div>
                <div class="code-name">#icon_treeDown_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_treeUp_s"></use>
                </svg>
                <div class="name">上树箭头</div>
                <div class="code-name">#icon_treeUp_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_treeRight_s"></use>
                </svg>
                <div class="name">右树箭头/收起树/还原树</div>
                <div class="code-name">#icon_treeRight_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_directDown"></use>
                </svg>
                <div class="name">下方向箭头</div>
                <div class="code-name">#icon_directDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_directUp"></use>
                </svg>
                <div class="name">上方向箭头</div>
                <div class="code-name">#icon_directUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_directRight"></use>
                </svg>
                <div class="name">右方向箭头</div>
                <div class="code-name">#icon_directRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_directLeft"></use>
                </svg>
                <div class="name">左方向箭头</div>
                <div class="code-name">#icon_directLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_flowDown"></use>
                </svg>
                <div class="name">下流程箭头</div>
                <div class="code-name">#icon_flowDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_flowUp"></use>
                </svg>
                <div class="name">上流程箭头</div>
                <div class="code-name">#icon_flowUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_flowRight"></use>
                </svg>
                <div class="name">右流程箭头</div>
                <div class="code-name">#icon_flowRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_flowLeft"></use>
                </svg>
                <div class="name">左流程箭头</div>
                <div class="code-name">#icon_flowLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_foldDown"></use>
                </svg>
                <div class="name">下目录箭头/展开菜单</div>
                <div class="code-name">#icon_foldDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_foldUp"></use>
                </svg>
                <div class="name">上目录箭头/收起菜单</div>
                <div class="code-name">#icon_foldUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_foldRight"></use>
                </svg>
                <div class="name">右目录箭头</div>
                <div class="code-name">#icon_foldRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_foldLeft"></use>
                </svg>
                <div class="name">左目录箭头</div>
                <div class="code-name">#icon_foldLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowDown"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#icon_arrowDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowUp"></use>
                </svg>
                <div class="name">上箭头</div>
                <div class="code-name">#icon_arrowUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowRight"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#icon_arrowRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowLeft"></use>
                </svg>
                <div class="name">左箭头</div>
                <div class="code-name">#icon_arrowLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowsDown"></use>
                </svg>
                <div class="name">下双箭头</div>
                <div class="code-name">#icon_arrowsDown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowsUp"></use>
                </svg>
                <div class="name">上双箭头</div>
                <div class="code-name">#icon_arrowsUp</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowsRight"></use>
                </svg>
                <div class="name">右双箭头</div>
                <div class="code-name">#icon_arrowsRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrowsLeft"></use>
                </svg>
                <div class="name">左双箭头</div>
                <div class="code-name">#icon_arrowsLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_screenMin"></use>
                </svg>
                <div class="name">还原/最小化</div>
                <div class="code-name">#icon_screenMin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_screenFull"></use>
                </svg>
                <div class="name">全屏/最大化</div>
                <div class="code-name">#icon_screenFull</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_earth"></use>
                </svg>
                <div class="name">地球/互联网/信息/资源</div>
                <div class="code-name">#icon_earth</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_switchHome"></use>
                </svg>
                <div class="name">家用交换机</div>
                <div class="code-name">#icon_switchHome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataCloud"></use>
                </svg>
                <div class="name">数据云</div>
                <div class="code-name">#icon_dataCloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dataCommunicate_a"></use>
                </svg>
                <div class="name">数据通信网</div>
                <div class="code-name">#icon_dataCommunicate_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jumpLast"></use>
                </svg>
                <div class="name">跳至尾页/跳至末页/跳至最后页</div>
                <div class="code-name">#icon_jumpLast</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jumpHome"></use>
                </svg>
                <div class="name">跳至首页/跳至始页/跳至第一页</div>
                <div class="code-name">#icon_jumpHome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_safetyIsolation"></use>
                </svg>
                <div class="name">安全隔离</div>
                <div class="code-name">#icon_safetyIsolation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_electricity"></use>
                </svg>
                <div class="name">电力/电量/电能/能量</div>
                <div class="code-name">#icon_electricity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_common"></use>
                </svg>
                <div class="name">组件</div>
                <div class="code-name">#icon_common</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_appFirewall"></use>
                </svg>
                <div class="name">Web应用防火墙</div>
                <div class="code-name">#icon_appFirewall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CSB"></use>
                </svg>
                <div class="name">云服务总线</div>
                <div class="code-name">#icon_CSB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ROS"></use>
                </svg>
                <div class="name">资源编排服务</div>
                <div class="code-name">#icon_ROS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_toolsComponent"></use>
                </svg>
                <div class="name">元件组合</div>
                <div class="code-name">#icon_toolsComponent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_notice"></use>
                </svg>
                <div class="name">公告通知</div>
                <div class="code-name">#icon_notice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_cloud"></use>
                </svg>
                <div class="name">云</div>
                <div class="code-name">#icon_cloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ACR"></use>
                </svg>
                <div class="name">容器镜像服务</div>
                <div class="code-name">#icon_ACR</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_overhaul_sign"></use>
                </svg>
                <div class="name">检修标记/检修图例</div>
                <div class="code-name">#icon_overhaul_sign</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_votes"></use>
                </svg>
                <div class="name">两票工单</div>
                <div class="code-name">#icon_votes</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_edit_a"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon_edit_a</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Xscan"></use>
                </svg>
                <div class="name">漏洞扫描/扫描器/雷达</div>
                <div class="code-name">#icon_Xscan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_previous"></use>
                </svg>
                <div class="name">上页/上一页/前页/前一页</div>
                <div class="code-name">#icon_previous</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_star"></use>
                </svg>
                <div class="name">icon_star</div>
                <div class="code-name">#icon_star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_zoomOut"></use>
                </svg>
                <div class="name">缩小</div>
                <div class="code-name">#icon_zoomOut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_next"></use>
                </svg>
                <div class="name">下页/下一页/后页/后一页</div>
                <div class="code-name">#icon_next</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_zoomIn"></use>
                </svg>
                <div class="name">放大</div>
                <div class="code-name">#icon_zoomIn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_select_s"></use>
                </svg>
                <div class="name">下拉箭头/下拉选择</div>
                <div class="code-name">#icon_select_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_more"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon_more</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SDDP"></use>
                </svg>
                <div class="name">敏感数据保护</div>
                <div class="code-name">#icon_SDDP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_expand"></use>
                </svg>
                <div class="name">icon_expand</div>
                <div class="code-name">#icon_expand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_history"></use>
                </svg>
                <div class="name">历史记录</div>
                <div class="code-name">#icon_history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ESS"></use>
                </svg>
                <div class="name">弹性伸缩服务</div>
                <div class="code-name">#icon_ESS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_coreComponent"></use>
                </svg>
                <div class="name">核心组件</div>
                <div class="code-name">#icon_coreComponent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_overhaul"></use>
                </svg>
                <div class="name">检修计划</div>
                <div class="code-name">#icon_overhaul</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DMS"></use>
                </svg>
                <div class="name">数据管理</div>
                <div class="code-name">#icon_DMS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SchedulerX"></use>
                </svg>
                <div class="name">分布式任务调度平台</div>
                <div class="code-name">#icon_SchedulerX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_plan"></use>
                </svg>
                <div class="name">调度任务/执行列表</div>
                <div class="code-name">#icon_plan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DTS"></use>
                </svg>
                <div class="name">阿里DTS数据传输服务</div>
                <div class="code-name">#icon_DTS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_move"></use>
                </svg>
                <div class="name">拖拽移动/拖动/移动</div>
                <div class="code-name">#icon_move</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_export"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon_export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Hologres"></use>
                </svg>
                <div class="name">实时数仓/实时交互式分析</div>
                <div class="code-name">#icon_Hologres</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_advance"></use>
                </svg>
                <div class="name">云盾安骑士</div>
                <div class="code-name">#icon_advance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_baseComponent"></use>
                </svg>
                <div class="name">基础组件</div>
                <div class="code-name">#icon_baseComponent</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_todo"></use>
                </svg>
                <div class="name">我的待办</div>
                <div class="code-name">#icon_todo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#logo_SG"></use>
                </svg>
                <div class="name">SG-I6000</div>
                <div class="code-name">#logo_SG</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_arrow"></use>
                </svg>
                <div class="name">箭头/详情/下一步</div>
                <div class="code-name">#icon_arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_end"></use>
                </svg>
                <div class="name">终止/结束</div>
                <div class="code-name">#icon_end</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_start"></use>
                </svg>
                <div class="name">开始</div>
                <div class="code-name">#icon_start</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_cancel_s"></use>
                </svg>
                <div class="name">取消/关闭/删除(面型)</div>
                <div class="code-name">#icon_cancel_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_cancel"></use>
                </svg>
                <div class="name">取消/关闭/删除</div>
                <div class="code-name">#icon_cancel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_end_s"></use>
                </svg>
                <div class="name">终止/结束(面型)</div>
                <div class="code-name">#icon_end_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_success_s"></use>
                </svg>
                <div class="name">成功/确认/已选(面型)</div>
                <div class="code-name">#icon_success_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_success"></use>
                </svg>
                <div class="name">成功/确认/已选</div>
                <div class="code-name">#icon_success</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_stop_s"></use>
                </svg>
                <div class="name">暂停/停止(面型)</div>
                <div class="code-name">#icon_stop_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_stop"></use>
                </svg>
                <div class="name">暂停/停止</div>
                <div class="code-name">#icon_stop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_start_s"></use>
                </svg>
                <div class="name">开始(面型)</div>
                <div class="code-name">#icon_start_s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_hot"></use>
                </svg>
                <div class="name">最热/最火/热度/热点</div>
                <div class="code-name">#icon_hot</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_datetime"></use>
                </svg>
                <div class="name">日期时间</div>
                <div class="code-name">#icon_datetime</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_search"></use>
                </svg>
                <div class="name">搜索/检索/查询/查看详情</div>
                <div class="code-name">#icon_search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_loading"></use>
                </svg>
                <div class="name">加载动画/等待</div>
                <div class="code-name">#icon_loading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_alarm"></use>
                </svg>
                <div class="name">实时告警</div>
                <div class="code-name">#icon_alarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_special"></use>
                </svg>
                <div class="name">重要专题</div>
                <div class="code-name">#icon_special</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_app"></use>
                </svg>
                <div class="name">应用</div>
                <div class="code-name">#icon_app</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_skin"></use>
                </svg>
                <div class="name">换肤/皮肤</div>
                <div class="code-name">#icon_skin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_board"></use>
                </svg>
                <div class="name">运行看板</div>
                <div class="code-name">#icon_board</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_number"></use>
                </svg>
                <div class="name">排序/升序/降序</div>
                <div class="code-name">#icon_number</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon_time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_starOn"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#icon_starOn</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_starOff"></use>
                </svg>
                <div class="name">取消收藏</div>
                <div class="code-name">#icon_starOff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_operation"></use>
                </svg>
                <div class="name">运维</div>
                <div class="code-name">#icon_operation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_date"></use>
                </svg>
                <div class="name">日期</div>
                <div class="code-name">#icon_date</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_person"></use>
                </svg>
                <div class="name">用户名/我的/账号/账户/个人中心</div>
                <div class="code-name">#icon_person</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_msg"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon_msg</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_new"></use>
                </svg>
                <div class="name">最新/新闻</div>
                <div class="code-name">#icon_new</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dispatch"></use>
                </svg>
                <div class="name">调度</div>
                <div class="code-name">#icon_dispatch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_danger"></use>
                </svg>
                <div class="name">危险/警告</div>
                <div class="code-name">#icon_danger</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_customer"></use>
                </svg>
                <div class="name">服务管理</div>
                <div class="code-name">#icon_customer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_visited"></use>
                </svg>
                <div class="name">最近访问</div>
                <div class="code-name">#icon_visited</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_workbenches"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#icon_workbenches</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Cabinet"></use>
                </svg>
                <div class="name">机柜</div>
                <div class="code-name">#icon_Cabinet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Defense"></use>
                </svg>
                <div class="name">IPS入侵防御设备</div>
                <div class="code-name">#icon_Defense</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Distribution"></use>
                </svg>
                <div class="name">配电柜</div>
                <div class="code-name">#icon_Distribution</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Firewall"></use>
                </svg>
                <div class="name">防火墙</div>
                <div class="code-name">#icon_Firewall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_IDS"></use>
                </svg>
                <div class="name">IDS入侵检测设备</div>
                <div class="code-name">#icon_IDS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HAIPE"></use>
                </svg>
                <div class="name">加密机</div>
                <div class="code-name">#icon_HAIPE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HPUX"></use>
                </svg>
                <div class="name">HPUX服务器</div>
                <div class="code-name">#icon_HPUX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_image"></use>
                </svg>
                <div class="name">镜像设备/对称</div>
                <div class="code-name">#icon_image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_InPlatform"></use>
                </svg>
                <div class="name">接入平台</div>
                <div class="code-name">#icon_InPlatform</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Link"></use>
                </svg>
                <div class="name">服务链路</div>
                <div class="code-name">#icon_Link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Partition"></use>
                </svg>
                <div class="name">隔离装置</div>
                <div class="code-name">#icon_Partition</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_LoadBalance"></use>
                </svg>
                <div class="name">负载均衡</div>
                <div class="code-name">#icon_LoadBalance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Linux"></use>
                </svg>
                <div class="name">Linux服务器</div>
                <div class="code-name">#icon_Linux</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Room"></use>
                </svg>
                <div class="name">机房/卧室/房间</div>
                <div class="code-name">#icon_Room</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_routeHome"></use>
                </svg>
                <div class="name">家用路由器</div>
                <div class="code-name">#icon_routeHome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Service"></use>
                </svg>
                <div class="name">服务</div>
                <div class="code-name">#icon_Service</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_StorageBattery"></use>
                </svg>
                <div class="name">蓄电池</div>
                <div class="code-name">#icon_StorageBattery</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_System"></use>
                </svg>
                <div class="name">信息系统</div>
                <div class="code-name">#icon_System</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_VPN"></use>
                </svg>
                <div class="name">虚拟专用网络设备</div>
                <div class="code-name">#icon_VPN</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_UPS"></use>
                </svg>
                <div class="name">UPS不间断电源</div>
                <div class="code-name">#icon_UPS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Windows"></use>
                </svg>
                <div class="name">Windows服务器</div>
                <div class="code-name">#icon_Windows</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AIX"></use>
                </svg>
                <div class="name">AIX服务器</div>
                <div class="code-name">#icon_AIX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ATS"></use>
                </svg>
                <div class="name">ATS自动转换开关电器</div>
                <div class="code-name">#icon_ATS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CSE"></use>
                </svg>
                <div class="name">CSE微服务引擎</div>
                <div class="code-name">#icon_CSE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ActiveMQ"></use>
                </svg>
                <div class="name">Active消息队列系统</div>
                <div class="code-name">#icon_ActiveMQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AliCloud"></use>
                </svg>
                <div class="name">阿里云Logo</div>
                <div class="code-name">#icon_AliCloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_API"></use>
                </svg>
                <div class="name">API应用程序编程接口</div>
                <div class="code-name">#icon_API</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AliPlatform"></use>
                </svg>
                <div class="name">阿里平台</div>
                <div class="code-name">#icon_AliPlatform</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_EVS"></use>
                </svg>
                <div class="name">华为云EVS弹性虚拟交换机</div>
                <div class="code-name">#icon_EVS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ELB"></use>
                </svg>
                <div class="name">华为ELB弹性负载均衡器</div>
                <div class="code-name">#icon_ELB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DMData"></use>
                </svg>
                <div class="name">达梦数据库</div>
                <div class="code-name">#icon_DMData</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_EIP"></use>
                </svg>
                <div class="name">EIP弹性公网IP地址服务</div>
                <div class="code-name">#icon_EIP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Docker"></use>
                </svg>
                <div class="name">Docker虚拟容器</div>
                <div class="code-name">#icon_Docker</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ECS"></use>
                </svg>
                <div class="name">ECS弹性计算服务</div>
                <div class="code-name">#icon_ECS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DB2"></use>
                </svg>
                <div class="name">IBM数据库</div>
                <div class="code-name">#icon_DB2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DWS"></use>
                </svg>
                <div class="name">华为DWS数据仓库服务</div>
                <div class="code-name">#icon_DWS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DCS"></use>
                </svg>
                <div class="name">DCS分布式缓存服务</div>
                <div class="code-name">#icon_DCS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DataHub"></use>
                </svg>
                <div class="name">DataHub流式数据处理平台</div>
                <div class="code-name">#icon_DataHub</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CDL"></use>
                </svg>
                <div class="name">CDL云专线</div>
                <div class="code-name">#icon_CDL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DAYU"></use>
                </svg>
                <div class="name">华为Dayu智能数据湖运营平台</div>
                <div class="code-name">#icon_DAYU</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_DDS"></use>
                </svg>
                <div class="name">DDS文档数据库服务</div>
                <div class="code-name">#icon_DDS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Dataworks"></use>
                </svg>
                <div class="name">Dataworks数据工场</div>
                <div class="code-name">#icon_Dataworks</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_CCE"></use>
                </svg>
                <div class="name">华为云CCE容器引擎</div>
                <div class="code-name">#icon_CCE</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Logstash"></use>
                </svg>
                <div class="name">Logstash日志收集器</div>
                <div class="code-name">#icon_Logstash</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_JBoss"></use>
                </svg>
                <div class="name">Jboss应用服务器</div>
                <div class="code-name">#icon_JBoss</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_K8s"></use>
                </svg>
                <div class="name">K8S容器编排管理系统</div>
                <div class="code-name">#icon_K8s</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Kafka"></use>
                </svg>
                <div class="name">Kafka分布式发布订阅消息系统</div>
                <div class="code-name">#icon_Kafka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HuaweiCloud"></use>
                </svg>
                <div class="name">华为云Logo</div>
                <div class="code-name">#icon_HuaweiCloud</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_AliHologres"></use>
                </svg>
                <div class="name">阿里Hologres实时数仓</div>
                <div class="code-name">#icon_AliHologres</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_HuaweiPlatform"></use>
                </svg>
                <div class="name">华为平台</div>
                <div class="code-name">#icon_HuaweiPlatform</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_IIS"></use>
                </svg>
                <div class="name">互联网信息服务</div>
                <div class="code-name">#icon_IIS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Hbase"></use>
                </svg>
                <div class="name">Hbase面向列的开源数据库</div>
                <div class="code-name">#icon_Hbase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Hadoop"></use>
                </svg>
                <div class="name">Hadoop分布式文件系统</div>
                <div class="code-name">#icon_Hadoop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_GaussDB"></use>
                </svg>
                <div class="name">GaussDB企业级数据库服务</div>
                <div class="code-name">#icon_GaussDB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ElasticSearch"></use>
                </svg>
                <div class="name">ES分布式搜索引擎</div>
                <div class="code-name">#icon_ElasticSearch</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_EDAS"></use>
                </svg>
                <div class="name">阿里EDAS企业分布式应用服务</div>
                <div class="code-name">#icon_EDAS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Flink"></use>
                </svg>
                <div class="name">Flink开源流处理框架</div>
                <div class="code-name">#icon_Flink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_RabbitMQ"></use>
                </svg>
                <div class="name">Rabbit消息队列系统</div>
                <div class="code-name">#icon_RabbitMQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_RDS"></use>
                </svg>
                <div class="name">RDS关系型数据库服务</div>
                <div class="code-name">#icon_RDS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Oracle"></use>
                </svg>
                <div class="name">甲骨文数据库</div>
                <div class="code-name">#icon_Oracle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_OpenStack"></use>
                </svg>
                <div class="name">OpenStack云计算管理平台</div>
                <div class="code-name">#icon_OpenStack</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_MRS"></use>
                </svg>
                <div class="name">华为云MRS大数据服务</div>
                <div class="code-name">#icon_MRS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_OBS"></use>
                </svg>
                <div class="name">华为云OBS对象存储服务</div>
                <div class="code-name">#icon_OBS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_NAS"></use>
                </svg>
                <div class="name">阿里NAS网络附属存储</div>
                <div class="code-name">#icon_NAS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Nginx"></use>
                </svg>
                <div class="name">Nginx反向代理服务器</div>
                <div class="code-name">#icon_Nginx</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_NAT"></use>
                </svg>
                <div class="name">网络地址转换</div>
                <div class="code-name">#icon_NAT</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_MaxCompute"></use>
                </svg>
                <div class="name">阿里Maxcompute云原生大数据计算服务</div>
                <div class="code-name">#icon_MaxCompute</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_MongoDB"></use>
                </svg>
                <div class="name">MongoDB数据库</div>
                <div class="code-name">#icon_MongoDB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Memcached"></use>
                </svg>
                <div class="name">Memcached分布式高速缓存系统</div>
                <div class="code-name">#icon_Memcached</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_LTS"></use>
                </svg>
                <div class="name">华为 LTS云日志服务</div>
                <div class="code-name">#icon_LTS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_KVM"></use>
                </svg>
                <div class="name">KVM内核虚拟机</div>
                <div class="code-name">#icon_KVM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Kingbase"></use>
                </svg>
                <div class="name">人大金仓数据库</div>
                <div class="code-name">#icon_Kingbase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_VM"></use>
                </svg>
                <div class="name">虚拟机</div>
                <div class="code-name">#icon_VM</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Sybase"></use>
                </svg>
                <div class="name">Sybase数据库</div>
                <div class="code-name">#icon_Sybase</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SLS"></use>
                </svg>
                <div class="name">阿里SLS简单日志服务</div>
                <div class="code-name">#icon_SLS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SqlServer"></use>
                </svg>
                <div class="name">微软数据库</div>
                <div class="code-name">#icon_SqlServer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Solr"></use>
                </svg>
                <div class="name">企业级搜索</div>
                <div class="code-name">#icon_Solr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SLB"></use>
                </svg>
                <div class="name">阿里SLB负载均衡</div>
                <div class="code-name">#icon_SLB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_OSS"></use>
                </svg>
                <div class="name">阿里云OSS对象存储服务</div>
                <div class="code-name">#icon_OSS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_RocketMQ"></use>
                </svg>
                <div class="name">Rocket消息队列系统</div>
                <div class="code-name">#icon_RocketMQ</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_SFS"></use>
                </svg>
                <div class="name">华为SFS弹性文件服务</div>
                <div class="code-name">#icon_SFS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Redis"></use>
                </svg>
                <div class="name">远程字典服务器</div>
                <div class="code-name">#icon_Redis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_PostgreSQL"></use>
                </svg>
                <div class="name">Postgres数据库</div>
                <div class="code-name">#icon_PostgreSQL</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_OTS"></use>
                </svg>
                <div class="name">阿里OTS表格存储服务</div>
                <div class="code-name">#icon_OTS</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_VMWare"></use>
                </svg>
                <div class="name">VM虚拟机</div>
                <div class="code-name">#icon_VMWare</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Zookeeper"></use>
                </svg>
                <div class="name">Zookeeper分布式协调服务</div>
                <div class="code-name">#icon_Zookeeper</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_ACK"></use>
                </svg>
                <div class="name">阿里云ACK容器引擎</div>
                <div class="code-name">#icon_ACK</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_VPC"></use>
                </svg>
                <div class="name">VPC虚拟专有网络服务/虚拟私有云</div>
                <div class="code-name">#icon_VPC</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Weblogic"></use>
                </svg>
                <div class="name">Weblogic分布式应用服务</div>
                <div class="code-name">#icon_Weblogic</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Tomcat"></use>
                </svg>
                <div class="name">Tomcat应用服务器</div>
                <div class="code-name">#icon_Tomcat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_UDPN"></use>
                </svg>
                <div class="name">高速通道</div>
                <div class="code-name">#icon_UDPN</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Hive"></use>
                </svg>
                <div class="name">蜜蜂数据仓库</div>
                <div class="code-name">#icon_Hive</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Infors"></use>
                </svg>
                <div class="name">中创中间件</div>
                <div class="code-name">#icon_Infors</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
